во первых: скачайте shadowbox с официального сайта http://www.shadowbox-js.com/ и почитайте мануалы там
далее необходимо его добавить в нужный сайт
затем по порядку:
1. добавить нужные файлы на страницу сайта:
<link href="Scripts/shadowbox.css" rel="stylesheet" type="text/css" />
<script src="Scripts/shadowbox.js" type="text/javascript"></script>
2. для корректной работы shadowbox необходим doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3. инициализация shadowbox:
181 <script type="text/javascript">
182 Shadowbox.init({
183 language: "ru",
184 players: ["html", "img", "iframe", "swf", "flv"]
185 });
186 </script>
после добавления скрипта shadowbox на страницу, у нас становится доступен объект Shadowbox, который по умолчанию не инициализирован. Для инициализации необходимо вызкать Shadowbox.init(), где в качестве параметров нужно передать используемый язык и плееры, для отобращения данных.
рассмотрим для чего нужны плееры:
html - для отображения произвольного html кода
iframe - для загрузки во всплывающем окне iframe, с произвольным адресом (не работает без плеера html)
img - для отображения какого-либо изображения (не работает без плеера iframe)
swf - для загрузки swfobject и отображения флеш-объектов
flv - для загрузки плеера и отображения потокового видео (не работает без плеера swf)
4. самый простой способ прикручивания shadowbox к элементам на странице, это: поместить нужную часть html в тег с атрибутом rel="shadowbox", на пример, для открытия картинки в shadowbox достаточно написать:
<a href="images/big_image.jpg" rel="shadowbox"><img src="images/small_image.jpg"
width="100"
/></a>
shadowbox по расширению файла в атрибуре href сам определяет - какой плеер необходимо загружать, для просмотра файла.
5. можно самим решать - какой плеер использовать, и в какой момент открывать, вот пример:
Shadowbox.open({ content: 'ftmp454.swf', player: 'swf', title: ' Привет!!!', width: '500', height: '400' })
во втором параметре пишется название плеера, котрый необходимо открыть (при условии что он был инициализирован)
в третьем - заголовок
в четвертом и пятом - ширина и высота соответственно
а вот первый параметр - неоднозначен, т.к. для разнах плееров он действительно имеет разное значение, так для плеера:
html - Html текст, отображаемый пользователю
iframe - url на страницу
img - пусть к картинке
swf - путь к флешке
flv - путь к видео
Все что я юззал в шадоубоксе более часто чем 1 раз - расписал подробно в примерах, скачать можно тут - примеры shadowbox
Комментариев нет:
Отправить комментарий
Можете оставить свой комментарий