Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.07.2014, 14:38
Новичок на форуме
Отправить личное сообщение для sparklingman Посмотреть профиль Найти все сообщения от sparklingman
 
Регистрация: 30.08.2013
Сообщений: 4

Авто перекрутка
Дорогие форумчане. Вот кусок кода. Нужно сделать, так чтоб каждую 2-5 сек. автоматически перекручивались блоки. В JS я не силен. Плиз помогите.

$(document).ready(function() {
    
    var $item = $('ul.list li'), //Cache your DOM selector
        visible = 1, //Set the number of items that will be visible
        index = 0, //Starting index
        endIndex = ( $item.length / visible ) - 3; //End index
    
    $('.news-blok .arrow-right').click(function(){
        if(index < endIndex ){
          index++;
          $item.animate({'left':'-=300px'});
        }
    });
    
    $('.news-blok .arrow-left').click(function(){
        if(index > 0){
          index--;            
          $item.animate({'left':'+=300px'});
        }
    });
    
});
Ответить с цитированием
  #2 (permalink)  
Старый 02.07.2014, 21:59
Новичок на форуме
Отправить личное сообщение для sparklingman Посмотреть профиль Найти все сообщения от sparklingman
 
Регистрация: 30.08.2013
Сообщений: 4

Нашел ответ, мне помог один отличный программист. Тему можете закрывать.
$(document).ready(function() {
    
    var item = $('ul.list li'), //Cache your DOM selector
        visible = 1, //Set the number of items that will be visible
        index = 0, //Starting index
        endIndex = ( $(item).length / visible ) - 3, //End index
        prokrutka = 2000; //Прокрутка каждые N мс.
    
    setInterval(function(){
        if(index < endIndex ){
          index++;
          $(item).animate({'left':'-=300px'});
        } else if(index == endIndex){
          index = 0;
          $(item).animate({'left':'0px'});
        }
    },2000);
    
    $('.arrow-right').click(function(){
        if(index < endIndex ){
          index++;
          $(item).animate({'left':'-=300px'});
        }
    });
    
    $('.arrow-left').click(function(){
        if(index > 0){
          index--;            
          $(item).animate({'left':'+=300px'});
        }
    });
    
});
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Авто обновление дива grisha2217 Общие вопросы Javascript 2 09.12.2013 04:14
Авто скролинг jQuery UI Slider kulgar jQuery 1 09.01.2013 13:50
Мой авто блог loodsine Ваши сайты и скрипты 3 09.08.2011 02:49
Авто "объединение" последних сообщений ksa Сайт Javascript.ru 0 19.11.2010 11:58