2016-11-16 2 views
0

私は簡単な質問があります。 はjqueryのサイクルプラグインで、このフィドルに基づいて:
http://jsfiddle.net/Kz6Gk/353/"ホバー"上のjQueryサイクルが再び "0"画像から始まる

私はそれに再び置く次回は、それが第一の画像からスタートしますので、スライダがマウスアウトでリセットしたいです。

は私が destroyreinitgotostartingslideのような多くのオプションを試してみましたが、私はそれは常にマウスアウトの最後の呼び出しの前に、最後のスライダーから再開し、それを動作させることができません。あなたが再サイクルを初期化することができます

$(function($){ 

    // Cycle plugin 
function recycle() 
{ 
$('.slides').cycle("destroy").cycle({ 
    fx: 'none', 
    speed: 1, 
    timeout: 700 
}); 
} 
    // Pause & play on hover 
    $('.slideshow-block').hover(function(){ 
    recycle(); 
     $(this).find('.slides').addClass('active').cycle('resume'); 
    }, function(){ 
    recycle(); 
     $(this).find('.slides').removeClass('active').cycle('pause'); 
    }); 

}); 

答えて

1

fiddle JSを参照してくださいませんサイクル(オプション)をもう一度呼び出すことによって

jQuery(function($){ 

var initCycle = function(){ 
// Cycle plugin 
$('.slides').cycle({ 
    fx:  'none', 
    speed: 1, 
    timeout: 770 
}).cycle("pause"); 
} 

// Pause & play on hover 
$('.slideshow-block').hover(function(){ 
    $(this).find('.slides').addClass('active').cycle('resume'); 
}, 
//re initiate after lost hover 
initCycle }); 

//initiate cycle after page load 
initCycle(); 
}); 
+0

おかげさまで、いくつかの他の小さな問題があります、私はここに尋ねるか、私はdownvote行く? – spanakorizo

1


は例えば、私はそれが動作するはずです、このようなコードの最後の部分を変更したが、まだ運:

jQuery(function($){ 
    // Cycle plugin 
    $('.slides').cycle({ 
     fx: 'none', 
     speed: 1, 
     timeout: 770 
    }).cycle("pause"); 
    // Pause & play on hover 
    $('.slideshow-block').hover(function(){ 
     $(this).find('.slides').addClass('active').cycle('resume'); 
    }, function(){ 
     $(this).find('.slides').removeClass('active').cycle('goto', 0).cycle('pause'); 
    }); 

}); 
関連する問題