D.iK.iJ / JavaScript примеры / Скрипт слайдера картинок на простом ДжаваСкрипт и CSS 2.0 [скачать]


Довольно простой слайдер для картинок разной ширины. Скрипт может прокручивать картинки как по кругу, так и по нажатию на кнопку. Прокрутка останавливается, если навести курсор на слайдер.

Можно показывать только 1 большую картинку на экран или миниатюры любой ширины. Растягивать картинки по высоте до наибольшей. Показать кастомный скроллбар (нужно убрать скрипт свайпа для нормальной работы).

<
>

Слайдер адаптирован для мобильных устройств. А при изменении размера экрана все параметры пересчитываются.

Из минусов скрипта - нет плавного прокручивания пальцем на мобильном (с запоминанием положения). Только свайпом. А общая высота слайдера (по 1 картинке) будет равна самому высокому изображению. Или придется растягивать по высоте, обрезая часть краев.