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

ВАРИАНТЫ ФОНА ПРИ ОТКРЫТИИ ДОП. ОКНА [в скрипте overlayColor:]

ВАРИАНТЫ СКРИПТОВ ДЛЯ ЦВЕТА ФОНА ПРИ ОТКРЫТИИ ДОП. ОКНА [в скрипте overlayColor:]

ВАРИАНТЫ ФОНА БЛОКА ПРИ ОТКРЫТИИ ДОП. ОКНА [стиль #sb-body,#sb-loading{background-color: ;}]

Опции SHADOWBOX

Image

SWF

FLV

MPEG

WMV

PDF

sait

файл

Группа рисунков

Группа видеороликов
WMV WMV WMV WMV

Группа файлов

sait 1 sait 2 sait 3

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) [переход между файлами линками на открытом файле]

ВАРИАНТЫ ФОНА ПРИ ОТКРЫТИИ ДОП. ОКНА [в скрипте overlayColor:]

aqua

bisque

black

blue

brown

chartreuse

chocolate

coral

cornsilk

cyan

dimgrey

dodgerblue

fractal

fuchsia

gold

gray

green

greenyellow

indigo

khaki

lawngreen

lime

magenta

navy

olive

orange

peru

purple

red

salmon

sienna

silver

tan

thistle

tomato

violet

white

yellow

ВАРИАНТЫ СКРИПТОВ ДЛЯ ЦВЕТА ФОНА ПРИ ОТКРЫТИИ ДОП. ОКНА [в скрипте overlayColor:]

aqua

bisque

black

blue

brown

chartreuse

chocolate

coral

cornsilk

cyan

dimgrey

dodgerblue

fractal

fuchsia

gold

gray

green

greenyellow

indigo

khaki

lawngreen

lime

magenta

navy

olive

orange

peru

purple

red

salmon

sienna

silver

tan

thistle

tomato

violet

white

yellow

ВАРИАНТЫ ФОНА БЛОКА ПРИ ОТКРЫТИИ ДОП. ОКНА [стиль #sb-body,#sb-loading{background-color: ;}]

aqua

bisque

black

blue

brown

chartreuse

chocolate

coral

cornsilk

cyan

dimgrey

dodgerblue

fractal

fuchsia

gold

gray

green

greenyellow

indigo

khaki

lawngreen

lime

magenta

navy

olive

orange

peru

purple

red

salmon

sienna

silver

tan

thistle

tomato

violet

white

Опции SHADOWBOX

OptionDescription
animateSet this false to disable all fancy animations (except fades). This can improve the overall effect on computers with poor performance. Defaults to true.
animateFadeSet this false to disable all fading animations. Defaults to true.
animSequenceThe animation sequence to use when resizing Shadowbox. May be either "wh" (width first, then height), "hw" (height first, then width), or "sync" (both simultaneously). Defaults to "sync".
autoplayMoviesSet this false to disable automatically playing movies when they are loaded. Defaults to true.
continuousSet this true to enable "continuous" galleries. By default, the galleries will not let a user go before the first image or after the last. Enabling this feature will let the user go directly to the first image in a gallery from the last one by selecting "Next". Defaults to false.
counterLimitLimits the number of counter links that will be displayed in a "skip" style counter. If the actual number of gallery elements is greater than this value, the counter will be restrained to the elements immediately preceding and following the current element. Defaults to 10.
counterTypeThe mode to use for the gallery counter. May be either "default" or "skip". The default counter is a simple "1 of 5" message. The skip counter displays a separate link to each piece in the gallery, enabling quick navigation in large galleries. Defaults to "default".
displayCounterSet this false to hide the gallery counter. Counters are never displayed on elements that are not part of a gallery. Defaults to true.
displayNavSet this false to hide the gallery navigation controls. Defaults to true.
enableKeysSet this false to disable keyboard navigation of galleries. Defaults to true.
fadeDurationThe duration (in seconds) of the fade animations. Defaults to 0.35.
flashParamsA list of parameters (in a JavaScript object) that will be passed to a flash <object>. For a partial list of available parameters, see this page. Only one parameter is specified by default: bgcolor. Defaults to {bgcolor:"#000000"}.
flashVarsA list of variables (in a JavaScript object) that will be passed to a flash movie as FlashVars. Defaults to {}.
flashVersionThe minimum Flash version required to play a flash movie (as a string). Defaults to "9.0.0".
handleOversizeThe mode to use for handling content that is too large for the viewport. May be one of "none", "resize", or "drag" (for images). The "none" setting will not alter the image dimensions, though clipping may occur. Setting this to "resize" enables on-the-fly resizing of large content. In this mode, the height and width of large, resizable content will be adjusted so that it may still be viewed in its entirety while maintaining its original aspect ratio. The "drag" mode will display an oversized image at its original resolution, but will allow the user to drag it within the view to see portions that may be clipped. See the demo for a demonstration of all three modes of operation. Defaults to "resize".
handleUnsupportedThe mode to use for handling unsupported media. May be either "link" or "remove". Media are unsupported when the browser plugin required to display the media properly is not installed. The link option will display a user-friendly error message with a link to a page where the needed plugin can be downloaded. The remove option will simply remove any unsupported gallery elements from the gallery before displaying it. With this option, if the element is not part of a gallery, the link will simply be followed. Defaults to "link".
initialHeightThe height of Shadowbox (in pixels) when it first appears on the screen. Defaults to 160.
initialWidthThe width of Shadowbox (in pixels) when it first appears on the screen. Defaults to 320.
modalSet this true to prevent mouse clicks on the overlay from closing Shadowbox. Defaults to false.
onChangeA hook function that will be fired when Shadowbox changes from one gallery element to another. The single argument of this function will be the gallery element that is about to be displayed.
onCloseA hook function that will be fired when Shadowbox closes. The single argument of this function will be the gallery element that was last displayed.
onFinishA hook function that will fire when Shadowbox finishes loading the current gallery piece (after all animations are complete). The single argument of this function will be the current gallery element.
onOpenA hook function that will be fired when Shadowbox opens. The single argument of this function will be the current gallery element. Returning boolean false from this callback will prevent Shadowbox from opening.
overlayColorThe color to use for the modal overlay (in hex). Defaults to "#000".
overlayOpacityThe opacity to use for the modal overlay. Defaults to 0.5.
resizeDurationThe duration (in seconds) of the resizing animations. Defaults to 0.35.
showOverlayDetermines whether the overlay will be shown at all. Defaults to true.
showMovieControlsSet this false to disable displaying QuickTime and Windows Media player movie control bars. Defaults to true.
skipSetupSet this true to skip automatically calling Shadowbox.setup when Shadowbox initializes. Defaults to true.
slideshowDelayA delay (in seconds) to use for slideshows. If set to anything other than 0, this value determines an interval at which Shadowbox will automatically proceed to the next piece in the gallery. Defaults to 0.
troubleElementsAn array of tag names of elements that should be hidden when a modal overlay is used. This option exists because some browsers are not able to display a semi-transparent overlay on top of these elements. These elements will have their visibility restored when Shadowbox closes. Defaults to ["select", "object", "embed", "canvas"].
viewportPaddingThe amount of padding (in pixels) to maintain around the edge of the browser window. Defaults to 20.

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