JQuery-слайдери зображень: приклади

Distractful

Це простий приклад готового jQuery-слайдера. За промовчанням:

  • автоматичне перемикання слайдів;
  • з елементів – тільки пагинация, стрілки приховані, але можуть бути включені пізніше;
  • вимкнено ефект зупинки каруселі;
  • адаптований під мобільні пристрої.

Якщо плагін був підключений некоректно, в консолі налагодження з’являється повідомлення з рекомендацією підключити файл jQuery.

Neoslide

Приклад слайдера на jQuery від китайських розробників містить всього 2 файлу: JavaScript і CSS. Для підключення в потрібному місці блоку зазначається наступний код:

Цікаве:  Не працює WiFi на ноутбуці: причини та способи вирішення

Перед закриваючим тегом body слайдер активується з допомогою такого запису:

$(function() {
$(‘.banner’).neoslide();
});

За замовчуванням слайдер має такі розміри: 1390 px завширшки й 450 px у висоту. Час затримки перемикання – 400 мілісекунд, включена пагинация.