Fancybox: примеры использования — галерея изображений.

Рекомендую хостинг которым я пользуюсь

fancybox2 галерея изображений

В данном посте будет рассмотрен пример использования Fancybox 2: галерея изображений. Особенностью режима "галерея" Fancybox 2 является то что переключение изображений может быть зациклено.

Увеличения изображения с возможностью переключения на следующее и предыдущее изображение группы. Посмотреть DEMO

Разместим на странице несколько изображений с возможностью переключения между ними при просмотре во всплывающем окне.

HTML код

 

Java Script код

 

В примере показано 8 изображений, которые разделены на две группы. При переключении между картинками можно увидеть что переключение идет только между картинками своей группы.

Достигается это путем указания ссылкам каждой группы атрибута rel. У ссылок первой группы указано rel="gallery1", а у второй группы соответственно rel="gallery2". Благодаря этому скрипт Fancybox распознает группы изображений и осуществляет переключение исключительно между картинками из той же группы.

Свою благодарность автору статьи вы можете выразить просто кликнув в нужном месте на странице 🙂

автор: Руслан Овчинников
Оценка: 1Оценка: 2Оценка: 3Оценка: 4Оценка: 5 (4 оценок, в среднем: 4,50 из 5)
Загрузка...