2012-06-03 2 views
0

Я использую плагин rotator rotator, он работает хорошо, но я хотел бы добавить кнопки вперед и назад, но я не уверен, с чего начать. Вот весь код, я вопрос: code on jsfiddleJQuery игровой ротатор. Как добавить следующие и предыдущие кнопки

Любая помощь приветствуется

приветы Ash

+0

Ive заметил Theres функцию под названием перейти к следующему, но я не уверен, как добавить ссылку на использование, что для перехода к следующему слайду –

+0

Вашей скрипка не работала, потому что вы были вещи в неправильном порядке, вы пытались использовать плагин, прежде чем добавить его в '$ .fn'. Я исправил заказ и указал ваш вопрос на обновленную скрипку. –

+0

Благодарим вас за помощь –

ответ

1

ОК, я собрал несколько слушателей внутри цикла и после быстрого тестирования, кажется, работает! Вот js Fiddle: http://jsfiddle.net/BLNZ7/

Идея состоит в том, чтобы предоставить идентификаторы элементов «предыдущей» и «следующей» кнопкам или ссылкам. (Нет, я не слишком изобретателен с этими идентификаторами)

<button id="prevId">Prev</button> 
<span id="nextId">Next</span>​ 

Затем ссылаться на них при создании ротатора:

$(".testimonialrotator").testimonialrotator({ 
     settings_slideshowTime:3, 
     nextId: "nextId", 
     prevId: "prevId" 
     }); 

}); 

слушателей внутри ротатора просто вызовите gotoNext и сбросить «время буфера» , и есть новая, аналогичная функция, gotoPrev, которую я добавил.

 $("#"+o.nextId).on('click', function() { 
      gotoNext(); 
      timebuf = 0; 
     }); 


     $("#"+o.prevId).on('click', function() { 
      gotoPrev(); 
      timebuf = 0; 
     });   
+0

Спасибо. Я изменил теги span, окружающие рядом с кнопкой, и получил решение, которое я так сильно искал [link] http://jsfiddle.net/AJBweb1986/BLNZ7/1/ –

+1

Добро пожаловать! –

+0

, потому что скрипта теперь настроена на отсутствие оберточной головки, что мне нужно изменить, чтобы заставить ее работать на моем сайте, извините, я новичок в jquery и jsfiddle –

Смежные вопросы