Bilder im neuen Fenster ansprechen

messmar

Erfahrenes Mitglied
Hallo,

ich vesruche in einem Popup-Fenster(new window) ein vorhandenes Bild gegen das nächste auszutauchen. Das Alles aber aus einem Hauptfenster (Opener).

Das Problem ist, dass das Austauchen von Blidern nicht funktioniert.
Für einen Hinweis oder Tipp, bin ich sehr dankbar.
Messmar

Hierbei der Code:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><title>Unbenannt</title></head>

<body>
<script>
function myWindow(adress, title, features) {
 var options = 'toolbar=no,location=no,directories=no,status=no,scrollbars=no,resizable=no,copyhistory=yes';
 var inNewDocument = '<html><head></head><body>';
 inNewDocument += '<img src="car_1.gif" alt=""';
 inNewDocument += 'width="100"';
 inNewDocument += 'height="100"';
 inNewDocument += 'border="1"';
 inNewDocument += 'id="imgChanging">';
 inNewDocument += '</body></html>';
 popUp = window.open('newDocument.htm', '', options);
 popUp.document.open();
 popUp.document.write(inNewDocument);
 popUp.window.focus();
}


function imageGo() {
  var imageForPopUp = new Array('car_1.gif','car_2.gif','car_3.gif','car_4.gif','car_5.gif');

  for (var j=0; j<=imageForPopUp.length;j++) {
   popUp.document.getElementById('imgChanging').src = imageForPopUp[j];
   popUp.window.focus();
  }
}
</script>

<p>
<a href="javascript:myWindow()">Fenster</a>
</p>
<br><br>
<p>
<a href="#"onclick="imageGo()">nächstes Bild</a>
</p>
</body>
</html>
 
Zum Einen schiesst du mit deiner Schleife über das Ende des Arrays hinaus.... mach es so:
Code:
for (var j=0; j<imageForPopUp.length;j++)

...zum Anderen dürfte dir die Schleife nicht den gewünschte Effekt bringen.
Um die Schleife zu durchlaufen, dürfte JS ein paar Millisekunden benötigen... dein Auge dürfte wohl nur das letzte Bild erfassen können. Damit du etwas siehst, müsstest du die Bilder zeitverzögert austauschen.
 

Neue Beiträge

Zurück