Код слайдера JavaScript

Question

Я делаю js-слайдер блоков div.У меня есть стрелки в обе стороны.Я хочу прокрутить слайдер по горизонтали, когда мышь наведена.До этого я делал все, используя этот код:

  jQuery('.control')
    .bind('click', function(){
        jQuery('#slideInner').animate({
          'marginLeft' : SlideWidth * SlideNumber
        });
  });

Но что делать, если я хочу сдвинуть все, пока мышь не над .control?

Answer 1

У вас должно быть setInterval(...) для петли с задержкой, пока элемент находится в движении

var interval = null; // I use global var for this example - globals are discouraged in general
jQuery('.control')
    .hover(function(){
        interval = setInterval(function() { // start looping when mouse enters
            jQuery('#slideInner').animate({
               'marginLeft' : SlideWidth * SlideNumber
            });
        },
        1000); // this is how many milliseconds you want to wait between animations
     }, function(){
        clearInterval(interval); // stop looping when mouse is out
     });

Примечание: это упрощение и требует дальнейшей работы (например, проверка на наличие полей, чтобы они не выходили за пределы и т. Д.), Но мы намерены показать, как setInterval(...) может быть применено для вашей проблемы.