Hallo,
ich komme hier einfach nicht weiter.
Ich möchte nacheinander drei verschiedene Bilder einblenden lassen.
Das klappt auch super.
Nur eine Kleinigkeit stört mich.
Nachdem die ersten zwei Bilder geladen wurden soll das dritte Bildviel schneller angezeigt werden als das zweite Bild brauchte um zu erscheinen.
Kann ich irgendwie einstellen, wann die einzelnen Bilder erscheinen sollen?
Momentan mache ich es so:
das erste Bild ist komplett weiß.
Das zweite Bild zeigt x.
Das dritte Bild zeigt ebenfalls x mit zusätzlich einer Schrift.
Ich möchte das das zweite Bild langsam einfaded und kurze Zeit (also schneller als momentan) soll das dritte Bild sich langsam über das zweite legen.
Dies ist mein HTML Code:
<div class="slideshow">
<img src="bilder/1.jpg" width="470" height="361" border="0" alt="" />
<img src="bilder/2.jpg" width="470" height="361" border="0" alt="" />
<img src="bilder/3.jpg" width="470" height="361" border="0" alt="" />
</div>
So sieht mein JS Code aus:
if ($("div").hasClass('.slideshow')) {
$('.slideshow').cycle({
fx: 'fade',
speedIn:1000,
speedOut:3000,
delay: -5000,
autostop: 3,
autostopCount: 3
});
}
Wer weiß, was ich ändern muss?
fragt
Markus
