Нужна помощь по центрированию по имени класса - Jquery - PullRequest
Новая
       1

Нужна помощь по центрированию по имени класса - Jquery

0 голосов
/ 05 января 2011

У меня есть компонент слайд-шоу, над которым я работаю, это смесь jcycle и jcarousel. Он работает довольно хорошо, но я хотел бы добавить еще одну особенность, которую я не могу понять. Прямо сейчас, если вы нажмете на миниатюру, она будет центрировать ее в карусели, если это не первые 2 или последние 2 больших пальца. Это прекрасно работает, и мне нравится центрировать активный эскиз слайд-шоу.

Проблема, с которой я сталкиваюсь, заключается в том, что если пользователь нажимает кнопку воспроизведения на слайд-шоу или кнопки следующего и предыдущего слайдов, слайд-шоу циклически повторяется, но при этом активный эскиз слайда не центрируется в карусели. Я безуспешно пытался проверить, имеет ли якорь миниатюр класс activeSlide, и если да, то отцентрировать его, но, похоже, не может заставить его работать.

Вот ссылка на демонстрационную страницу, над которой я работал.

http://brettjankord.com/standards/slideshows/jslideshow-test2.php

Любая помощь очень ценится!

1 Ответ

0 голосов
/ 05 января 2011

Поместите следующее в конец вашего onBefore метода 

 var carousel = $('#mycarousel').data('jcarousel');
 var activeIdx = $('#mycarousel img[src="'+next.src+'"]').closest('a').data('index') -2;
 if (carousel)
     {
         carousel.scroll(activeIdx);
     }

Демо на http://jsfiddle.net/JupPn/1/

...