Fancybox: примеры использования — youtube, googlemaps, ajax, iframe, swf

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

Hosting Ukraine
Fancybox 2 открытие разного рода контента

В этой статье мы рассмотрим открытие с помощью скрипта Fancybox таких типов контента как ролики Youtube, карты Google maps, контент из стороннего источника посредством Ajax, открытие контента в iframe и открытие флешь роликов swf.

Fancybox умеет распознавать тип контента основываясь на таких данных:

- значении атрибута href

- значении атрибута class, например fancybox.ajax, fancybox.iframe, fancybox.image и прочее

- значении специального атрибута data-FancyBox-type

Для задания заголовка всплывающего окошка можно использовать значение атрибута title или специального атрибута data-FancyBox-title.

Кроме того, тип содержимого можно установить используя конструкцию:

$(".open_ajax").fancybox({type: 'ajax'});
Если FancyBox не сможет получить тип контента, он будет пытаться угадать путем анализа значение атрибута "href" и если не получиться просто ничего не станет делать,  (в отличие от текущей версии при использовании технологии AJAX, в этом случае выводилась ошибка).

Пример использования Fancybox

HTML код примера

 

JS код примера

 

В приведенном выше JS коде используются определенные параметры, указывающие скрипту Fancybox как и что отображать. Подробнее эти параметры рассмотрены в отдельном посте.

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

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