Nivoslider, практика использования

О замечательном слайдере NivoSlider, я уже писал небольшую заметку. Возвращаюсь к вопросу с некоторыми практическими замечаниями.

Разработчики во всю занимаются монетизацией своего слайдера и других своих плагинов, интегрируя его в виде модуля в разные сайтовые движки. Потому найти и скачать плагин с сайта dev7studios.com не получится. Описание плагина уже не доступно по старым ссылкам, пришлось их убрать из статьи.

Так что для начала поделюсь тем дистрибутивом, что у меня остался с халявных времен. :)

скачать NivoSlider jQueryPlagin v3.2

Получим доступ к свойствам слайдера во время исполнения (run-time).

Слайдер позволяет привязать функции к некоторым своим событиям при инициализации. Но как получить доступ к свойствам объекта слайдера? Рассмотрим на примере:

Здесь мы подключаем слайдер к контейнеру #NivoSlider, и присоединяем функцию к событию слайдера afterChange. При возникновении этого события мы извлекаем одно из свойств слайдера (в нашем примере это — currentSlide — номер текущего кадра с нумерацией от нуля).

Вот все свойства, которые можно извлечь таким способом:

  1. currentSlide — номер текущего кадра
  2. currentImage — указывает на соответствующий текущему слайду [object HTMLImageElement]
  3. totalSlides — кол-во кадров
  4. running  (true/false) — флажок, устанавливается на период анимации смены слайдов.
  5. paused (true/false) — флажок, устанавливается когда необходимо приостановить смену слайдов, к примеру, в момент наведения на слайд курсора.
  6. stop (true/false) — флажок, устанавливается, если анимация остановлена, смена слайдов производится вручную.
  7. controlNavEl — DOM элемент, соответствующий навигационному контейнеру (с классом .nivo-controlNav).
Написать комментарий

Мало букафф? Читайте есчо !

Как проверить роль пользователя в Wordpress?

Июль 7, 2017 г.

Такой функции нет в классе WP_User. Но класс поддерживает свойство roles, которое содержит набор ролей в виде массива. Т.е. нам достаточно убедиться, что нужная роль находится в этом массиве. Чтобы не программировать совсем уж банальные вещи, расширим ...

Читать

Поиск выбранного RADIO в HTML форме средствами javascript

Январь 8, 2016 г.

Продемонстрирую алгоритм работы с полем radio для универсального случая, когда мы не знаем существует ли поле, одно у него значение в форме или оно может принимать значение из некоторого набора (случай списка из радио-кнопок). На практике, часто ...

Читать

 

Комментарии к «Nivoslider, практика использования»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: