Автоматический слайдер с jquery?

Question

У меня есть ползунок, который скользит изображения через по нажатию кнопки с помощью следующей функции

$(document).ready(function(){ 
$('#button a').click(function(){ 
    var integer = $(this).attr('rel'); 
    $('#myslide .cover').animate({left:-720*(parseInt(integer)-1)}) 
    $('#button a').each(function(){ 
    $(this).removeClass('active'); 
     if($(this).hasClass('button'+integer)){ 
      $(this).addClass('active')} 
    }); 
}); 
}); 

Можно ли автоматизировать это с помощью JQuery?

---

Просто нашел это Oly не знаете, как я бы идти о реализации его ....

setInterval(function() { 
     // Do something every 2 seconds 
}, 2000); 

Answer 1

Чтобы анимировать изображения после нажатия на кнопку, вы можете использовать setInterval. Мой предыдущий пример использовал setTimeout, даже после того, как вы упомянули setInterval. Упс. Это должно быть намного чище.

В комментариях следует описать, что происходит.

Обратите внимание, что setInterval вызывается при нажатии кнопки. Каждый раз, когда вы нажимаете кнопку, он запустит еще один экземпляр. Исправление для этого сводится к логике кодирования, которую вы хотите использовать. Попробуйте использовать clearInterval(), если вы должны установить это так, чтобы его можно было вызвать несколько раз.

$(function() { 
    //Click our link 
    $("a").click(function() { 
     animateOurImage(); 
     setInterval(function() { animateOurImage(); }, 3000); 
     //Be sure you account for the animation's duration in setInterval. 
    }); 
}); 

function animateOurImage() { 
    // We need the .each to access the image with $(this) 
    $('.image').animate({ 
     left: "-=120" //relative to current position 
    }, 1000); //Duration 
} 

Вот пример скрипку: http://jsfiddle.net/Yjhwm/

Answer 2

первым, сделать функцию, которая выполняет анимацию в функции первого класса (то есть, дать ему имя и переместить его из клик()):

function animate() {...} 

затем связать обработчик щелчка с этим:

$('#button a').click(animate); 

затем использовать setInterval() или SetTimeout(), чтобы выполнить эту функцию по истечении заданного времени ожидания:

setTimeout(animate, 3000);