Показать сообщение отдельно
  #1 (permalink)  
Старый 06.02.2013, 17:50
Новичок на форуме
Отправить личное сообщение для aquapasha Посмотреть профиль Найти все сообщения от aquapasha
 
Регистрация: 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');
  });
Ответить с цитированием