Перемешиваем слайды перед началом работы в swiper.js

Когда слайдов много, то пользователи постоянно видят одни и те же слайды, что загружены первыми. Потому хотелось бы их переставлять в случайном порядке при каждой загрузке слайдера (я пользуюсь плагином swiper.js).

Т.к. слайдер не даёт такой опции, придется перемешивать слайды самим.

Выполняется это следующим образом: находим слайдер и его слайды, перемешиваем, инициализируем слайдер.

Вот только незадача, метода shuffle() у нас пока нет. Но мы его быстро находим в сети. Как раз то что нужно в виде небольшого jQuery плагина.

Можно, конечно, перемешивать слайды на сервере (при генерации HTML кода), но это скорее всего будет мешать кешированию страницы.

Написать комментарий

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

Вывод в swiper.js слайдере кастомных булетов

Ноябрь 22, 2019 г.

Специально для Артура, задающего вопрос в статье про swiper, привожу пример как вывести в swiper.js вместо штатных булетов навигации некие кастомные текстовые метки. Swiper.js позволяет глубоко кастомизировать все свои элементы. Достаточно обратиться ...

Читать

Показ навигации и пагинатора swiper js за пределами контейнера

Апрель 11, 2018 г.

swiper js - jQuery плагин для создания адаптивной карусели  картинок. Посмотрим как сверстать шаблон так, чтобы элементы управления слайдером можно было размещать за пределами контейнера слайдера. SWIPER на GITHUB. Это стандартный шаблон, который ...

Читать

 

Комментарии к «Перемешиваем слайды перед началом работы в swiper.js»

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



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