Автоматизация слайдера
$(document).ready(function(){
var opened=0;
$(".slide").click(function(){
opened++;
if(opened>1){
$('.slide').animate({'width':'82px'}, 500);
$('.slide').children().hide();
}
if($(this).width()>82){
$(this).animate({'width':'82px'}, 500);
$(this).children().hide();
}
else{
$(this).animate({'width':'419px'}, 400);
$(this).children().toggle('slow');
}
});
setTimeout(function(){
}, 2000);
});
Как можно автоматизировать этот слайдер? Чтобы каждые 2 секунды к следующему слайду переходило, никак не приложу ума. |
Нужен метод setInterval.
Например так:
setInterval(nova1, 2000);
function nova1(){
var foo = $('#preds ul').css("left");
if(foo == "0px"){
$('#preds ul').animate({"left":"-780px"}, 300);
}else if(foo == "-780px"){
$('#preds ul').animate({"left":"-1560px"}, 300);
}else if(foo == "-1560px"){
$('#preds ul').animate({"left":"-2340px"}, 300);
}else if(foo == "-2340px"){
$('#preds ul').animate({"left":"0px"}, 300);
}
};
Будет перелистываться каждые 2 секунды.
|
| Часовой пояс GMT +3, время: 11:10. |