Fancybox: примеры использования - одиночное изображение.

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

Hosting Ukraine
fancybox2 одиночное изображение

В данном посте будут рассмотрен пример использования Fancybox 2: одиночное изображение.

Пример 1. Увеличения одиночного изображения. Посмотреть DEMO

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

HTML код

 

 

JS код

 

Как видим из html кода, каждой ссылке присвоен отдельный идентификатор "id='single_1'", "id='single_2'", "id='single_3'" и "id='single_4'".

В коде JS видим что по каждому идентификатору функция Fancybox вызывается отдельно, это нужно для того что показать 4 различных типа размещения подписи к картинке float, inside, outside, over. В примере под каждой картинкой указано какой тип размещения описания применен к картинке.

Более подробно это будет описано в документации в описании HELPERS чуть позже, сейчас ссылка не активна.

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

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