0

我正在使用 cycle.all.js jQuery 插件(http://jquery.malsup.com/cycle/)。现在它工作正常,但我需要第一张图像的超时时间比其他图像短。因此,当用户第一次将鼠标悬停在幻灯片 div 上时,循环立即开始,但在第一张幻灯片之后,它会将超时更改为 650。这就是我的代码现在的样子:

$('div#slideshow').mouseenter(->
  $(this).cycle
    fx: "fade",
    speed: 1
    timeout: 650
  ).mouseleave ->
    $(this).cycle 'stop'
4

1 回答 1

1

您可以使用该delay选项执行此操作并给它一个负值:

$(this).cycle
    fx: "fade",
    speed: 1
    timeout: 650
    delay: -650
)

请注意,这会导致它立即转到第二张幻灯片,我认为这是您想要的,因为幻灯片的第一张图像在用户将鼠标悬停在它上面之前已经可见。

正如本杰明指出的那样,在 Coffeescript 中,您可以使用@以下快捷方式this

$('div#slideshow').mouseenter(->
  $(@).cycle
    fx: "fade",
    speed: 1,
    timeout: 650,
    delay: -650  //go to the next slide immediately
  ).mouseleave ->
    $(@).cycle 'stop'
于 2013-05-18T13:02:06.447 回答