JQuery цикл с эффектом наведения - PullRequest
Новая
       12

JQuery цикл с эффектом наведения

2 голосов
/ 03 августа 2011

Привет всем, мне нужна помощь, все еще очень плохо знакомый с jquery

Я использую дополнение к циклу. У меня пока есть следующее. Я пытаюсь найти, что добавить к нему указатель мыши

поэтому, когда пользователь наводит курсор на ссылки в меню, он циклически перебирает его, приостанавливает цикл и переключается в режим зависания, т.е. пользовательский контроль

но через некоторое время мышка возобновляет работу 

var n=0
var dn=1
$(document).ready(function() {
$('.slideshow') 
.cycle({ 
fx:     'fade', 
speed:  500, 
timeout: 3000, 
before: function(curr, next, opts) {
     n=n+1;
    if (n>5) {n=1;dn=5}
    $('#item'+dn).removeClass("active");
    $('#item'+(n)).addClass("active");
    dn=n;
    } 
});

$(".slideshow").cycle('resume');

$(".slideshow").mouseover(function(){
  $(this).cycle('pause');
}).mouseout(function(){
  $(this).cycle('resume');
});
});

любая помощь в этом была бы велика, спасибо

1 Ответ

2 голосов
/ 03 августа 2011 
$(".slideshow").hover(function(){
    clearTimeout();
    $(this).cycle('pause');
}, function(){
    setTimeout(function(){
        $(this).cycle('resume');
    }, 500);
});

Текущее значение возобновляется после 500 мс, когда вы не зависаете над слайд-шоу.

...