Библиотека Shadowbox предоставляет богатый выбор инструментов для отображения во всплывающих окнах различного рода контента.

Image

SWF

FLV

MPEG

WMV

PDF

sait

файл

shadowbox.zip

Изменения цвета фона и расположения кнопок - найти абзац в файле shadowbox.js

<div id="sb-container"><div id="sb-overlay"></div><div id="sb-wrapper"><div id="sb-title"><a id="sb-nav-close2" title="{close}" onclick="Shadowbox.close()" style="cursor:pointer;"><img src="img/close.png"></a><div id="sb-title-inner"></div></div><div id="sb-wrapper-inner"><div id="sb-body"><div id="sb-body-inner"></div><div id="sb-loading"><div id="sb-loading-inner"><span>{loading}</span></div></div></div></div><div id="sb-info"><div id="sb-info-inner"><div id="sb-counter"></div><div id="sb-nav"><a id="sb-nav-close" title="{close}" onclick="Shadowbox.close()"></a><a id="sb-nav-next" title="{next}" onclick="Shadowbox.next()"></a><a id="sb-nav-play" title="{play}" onclick="Shadowbox.play()"></a><a id="sb-nav-pause" title="{pause}" onclick="Shadowbox.pause()"></a><a id="sb-nav-previous" title="{previous}" onclick="Shadowbox.previous()"></a></div></div></div></div></div>

ПРИМЕРЫ

Фото видео файл окно открывается с анимацией (shadowbox)

Фото видео файл окно открывается с анимацией (shadowbox) [оптимизированный скрипт]

Фото из фотогалереи открывается с анимацией (shadowbox)

Фото из фотогалереи открывается с анимацией (shadowbox) Цвет (ЗЕЛЕНЫЙ) подложки открываемого окна

Фото из фотогалереи открывается с анимацией (shadowbox) Цвет (СИНИЙ) фона окна при открытии блока

Фото из фотогалереи открывается с анимацией (shadowbox) Кнопка ЗАКРЫТЬ отсутствует вверху открываемого блока

Видео из видеогалереи открывается с анимацией (shadowbox)

Видео из видеогалереи открывается с анимацией (shadowbox) [вверху отрытого видео описание]

IFRAME открывается с анимацией (shadowbox)

IFRAME открывается с анимацией (shadowbox)

Файл открывается с анимацией (shadowbox) [переход между файлами линками на открытом файле]

Библиотека JAVASCRIPT 1997- Дизайн и сопровождение © SE@RCHER