06.02.2013, 17:50
|
Новичок на форуме
|
|
Регистрация: 06.02.2013
Сообщений: 7
|
|
Авто смена слайдера
Как сделать, чтобы каждые пять секунд чередовались эти 4 функции?
$('#slideshow-nav-1').addClass('active').click(function(){
$('#slideshow-image1').animate({'left':'-1600px'},500,function(){
$(this).attr('src','../images/slide1.png').css('left','1600px').animate({'left':'100px'},'500');
});
$('#slideshow-nav-1').addClass('active'); $('#slideshow-nav-2').removeClass('active');
$('#slideshow-nav-3').removeClass('active'); $('#slideshow-nav-4').removeClass('active');
});
$('#slideshow-nav-2').click(function(){
$('#slideshow-image1').animate({'left':'-1600px'},500,function(){
$(this).attr('src','../images/slide2.png').css('left','1600px').animate({'left':'100px'},'500');
});
$('#slideshow-nav-1').removeClass('active'); $('#slideshow-nav-2').addClass('active');
$('#slideshow-nav-3').removeClass('active'); $('#slideshow-nav-4').removeClass('active');
});
$('#slideshow-nav-3').click(function(){
$('#slideshow-image1').animate({'left':'-1600px'},500,function(){
$(this).attr('src','../images/slide3.png').css('left','1600px').animate({'left':'100px'},'500');
});
$('#slideshow-nav-1').removeClass('active'); $('#slideshow-nav-2').removeClass('active');
$('#slideshow-nav-3').addClass('active'); $('#slideshow-nav-4').removeClass('active');
});
$('#slideshow-nav-4').click(function(){
$('#slideshow-image1').animate({'left':'-1600px'},500,function(){
$(this).attr('src','../images/slide4.png').css('left','1600px').animate({'left':'100px'},'500');
});
$('#slideshow-nav-1').removeClass('active'); $('#slideshow-nav-2').removeClass('active');
$('#slideshow-nav-3').removeClass('active'); $('#slideshow-nav-4').addClass('active');
});
|
|
06.02.2013, 18:56
|
Профессор
|
|
Регистрация: 12.12.2012
Сообщений: 1,398
|
|
Добавьте функциям имена и вызывайте их одну за другой с помощью setTimeout(funcName, 5000).
Последняя должна вызывать первую.
Последний раз редактировалось tsigel, 06.02.2013 в 19:00.
|
|
06.02.2013, 20:45
|
Новичок на форуме
|
|
Регистрация: 06.02.2013
Сообщений: 7
|
|
Можно пример рабочего кода, пожалуйста.
|
|
06.02.2013, 20:51
|
|
junior
|
|
Регистрация: 29.11.2011
Сообщений: 3,924
|
|
Сообщение от aquapasha
|
$('#slideshow-nav-1').addClass('active').click(function(){
$('#slideshow-image1').animate({'left':'-1600px'},500,function(){
$(this).attr('src','../images/slide1.png').css('left','1600px').animate({'left':'100px'},'500');
});
$('#slideshow-nav-1').addClass('active'); $('#slideshow-nav-2').removeClass('active');
$('#slideshow-nav-3').removeClass('active'); $('#slideshow-nav-4').removeClass('active');
});
$('#slideshow-nav-2').click(function(){
$('#slideshow-image1').animate({'left':'-1600px'},500,function(){
$(this).attr('src','../images/slide2.png').css('left','1600px').animate({'left':'100px'},'500');
});
$('#slideshow-nav-1').removeClass('active'); $('#slideshow-nav-2').addClass('active');
$('#slideshow-nav-3').removeClass('active'); $('#slideshow-nav-4').removeClass('active');
});
$('#slideshow-nav-3').click(function(){
$('#slideshow-image1').animate({'left':'-1600px'},500,function(){
$(this).attr('src','../images/slide3.png').css('left','1600px').animate({'left':'100px'},'500');
});
$('#slideshow-nav-1').removeClass('active'); $('#slideshow-nav-2').removeClass('active');
$('#slideshow-nav-3').addClass('active'); $('#slideshow-nav-4').removeClass('active');
});
$('#slideshow-nav-4').click(function(){
$('#slideshow-image1').animate({'left':'-1600px'},500,function(){
$(this).attr('src','../images/slide4.png').css('left','1600px').animate({'left':'100px'},'500');
});
$('#slideshow-nav-1').removeClass('active'); $('#slideshow-nav-2').removeClass('active');
$('#slideshow-nav-3').removeClass('active'); $('#slideshow-nav-4').addClass('active');
});
|
вот она, мощь жуквери
__________________
Чебурашка стал символом олимпийских игр. А чего достиг ты?
Тишина - самый громкий звук
|
|
06.02.2013, 20:55
|
Новичок на форуме
|
|
Регистрация: 06.02.2013
Сообщений: 7
|
|
Я в нем вообще не силен, буду благодарен, если вы покажите как надо делать, чтобы понять ошибки свои.
|
|
06.02.2013, 21:28
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
Сообщение от nerv_
|
вот она, мощь жуквери
|
Да там чушь имхо - события вешать последовательно на каждый сходный id
c идентичными деяними,
Даж напрягацо не хотца на такой код
|
|
06.02.2013, 21:29
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
Сообщение от aquapasha
|
, буду благодарен, если вы покажите как
|
Дайте ссылку на страницу с рабочим(полурабочим) Демо
|
|
06.02.2013, 21:39
|
Новичок на форуме
|
|
Регистрация: 06.02.2013
Сообщений: 7
|
|
|
|
06.02.2013, 21:47
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
aquapasha,
Есть готовое, ток высоту и оформление кружков подправить
=> Слайд шоу на библиотеке jQuery
|
|
|
|