Галерея Kwicks

• Демо
• Скачать

JavaScript
Чтобы скрипт работал, в файле index-#.html с галереей должны быть эти строки HTML-кода:

В файле script.js находятся эти линии кода, для инициализации функциональности скрипта с основными значениями:

Вот атрибуты скрипта, которые определяют следующие значения:
•  max: 574 – максимальная длина открытого слайда;
•  spacing: 0 – расстояние между слайдами;
•  sticky: true – слайд по умолчанию (см далее) будет обозначаться как открытый по умолчанию;
•  defaultKwick: 2 – слайд #3 будет активным по умолчанию (здесь нумирация начинается с ‘0’);
•  event: ‘click’ – галерея откроет новый слайд после нажатия мышкой.

Обычно необходимо также создать идентификатор для каждого <li> тэга. Это облегчит работу, если Вы, например, захотите, чтоб каждый слайдер отличался друг от друга (цвет, фон и т.п).

CSS
Как Вы видите ниже, у слайд-шоу Kwicks полностью прокомментированные стили

В главном файле style.css скрипт для стилей.