Справка по плагину цикла jQuery - PullRequest
Новая
       10

Справка по плагину цикла jQuery

0 голосов
/ 10 сентября 2010

Может ли кто-нибудь помочь мне сделать одну из двух вещей.

1) Заставить плагин цикла выделить соответствующую кнопку.

  • или -

2) Заставьте плагин цикла перестать вращаться после нажатия кнопки.

Моя проблема в том, что изображения циклически повторяются, и я нажимаю кнопку.Цикл возобновится, но ранее выбранная кнопка останется выделенной.Любое исправление подойдет.Возможно, исправление 1 предпочтительнее, но на самом деле мне легко.

Вот то, что у меня есть на данный момент. 

var $container = $('#slider .inner').cycle({ 
 fx:     'scrollHorz', 
 speed: 300,
 timeout: 4000 
}); 

$container.children().each(function(i) { 
 // There are only 3 images, this is to stop a random 4th button being created.
 if (i != 3) {
  $('<input type="button" value="'+(i+1)+'" />') 
   // append it to button container 
   .appendTo(bc) 
   // bind click handler 
   .click(function() { 
    // cycle to the corresponding slide 
    $container.cycle(i);

    $(".home_buttons input").removeClass('selected');
    $(this).addClass('selected');

    return false; 
   });
 }
});

1 Ответ

2 голосов
/ 11 марта 2011

Если вы используете циклы, функция пейджера создаст для вас список и добавит 'activeSlide' как класс к этому элементу: пейджер просто добавьте: 

pager: '#nav'

(или любой другой контейнер, в который вы хотите встроить список) к вашим вариантам в течение цикла.Демонстрация здесь: x http://jquery.malsup.com/cycle/pager2.html хотя, похоже, вам не обязательно будет бит привязки страницы

...