Ich verwende das jQuery-Plugin cycle.all.js (http://jquery.malsup.com/cycle/). Im Moment funktioniert es einwandfrei, aber ich brauche ein kürzeres Zeitlimit für das erste Bild als für alle anderen. Wenn der Benutzer zum ersten Mal mit der Maus über die Diashow-Div fährt, beginnt der Zyklus sofort, aber nach dem ersten Dia ändert sich das Bild Zeitüberschreitung auf 650. So sieht mein Code jetzt aus:
$("div#slideshow").mouseenter(->
$(this).cycle
fx: "fade",
speed: 1
timeout: 650
).mouseleave ->
$(this).cycle "stop"
Antworten:
1 für die Antwort № 1Du kannst das mit dem tun delay Option und geben Sie einen negativen Wert:
$(this).cycle
fx: "fade",
speed: 1
timeout: 650
delay: -650
)
Beachten Sie, dass dies dazu führt, dass es nicht mehr funktioniert sofort auf die zweite folie, die ich denke ist was du willst, da das erste bild der diashow schon sichtbar ist bevor der benutzer darüber schwebt.
Wie Benjamin betonte, können Sie in Coffeescript verwenden @ als Abkürzung für this:
$("div#slideshow").mouseenter(->
$(@).cycle
fx: "fade",
speed: 1,
timeout: 650,
delay: -650 //go to the next slide immediately
).mouseleave ->
$(@).cycle "stop"