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
)

ユーザーがカーソルを合わせる前にスライドショーの最初の画像が既に表示されているため、これにより、2番目のスライドにすぐに移動することに注意してください。

Benjamin が指摘したように、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 に答える