2013-04-25 3 views
0

Я сделал цикл jQuery в своем веб-дизайне. Моя проблема: я хочу, чтобы скрипт начинался с наведения мыши, но что происходит, когда я обновляю страницу, она начинается уже. На моей первой мыши, она останавливается. Затем вторая мышь, она начинает делать слайд-шоу и останавливается, когда вытаскивает мышью. Вот код:Запустите скрипт на Hover jQuery Cycle

jQuery(function($){ 

    // Cycle plugin 
    $('.slides').cycle(); 

    // Pause & play on hover 
    $('.slideshow-block').hover(function(){ 
     $(this).find('.slides').addClass('active').cycle('resume'); 
    }, function(){ 
     $(this).find('.slides').removeClass('active').cycle('pause'); 
    }); 

}); 

Я пытался ставить «пауза» или «пауза» в $('.slides').cycle();, но это на самом деле разрушает плагин и нет больше эффекта. Спасибо за помощь! :)

ответ

0

Вы можете использовать .mouseover, .mouseout, .mouseenter или .mouseleave, чтобы иметь лучший контроль над действиями мыши.

Пример:

$(".slideshow-block").mouseover(function() { 
    $(this).find(".slides").addClass('active').cycle('resume'); 
}).mouseout(function(){ 
    $(this).find(".slides").removeClass('active').cycle('pause'); 
}); 
0

я узнал уже ответ, я просто сделал это:

$('.slides').cycle().cycle('pause');