<link href="https://www.03www.ru/floatbox/floatbox.css" rel="stylesheet" type="text/css" /> <script charset="ISO-8859-1" src="https://www.03www.ru/floatbox/floatbox-opt.js" type="text/javascript"></script>

<p> <a href="https://www.03www.ru/pic/001.jpg" class="floatbox" data-fb-options="colorTheme:red padding:20 panelPadding:4 overlayOpacity:0 caption:фото1"><img class="mal" src="https://www.03www.ru/pic/001.jpg" alt="примеры библиотеки floatbox" /></a><p></p>

<p> <a href="https://www.03www.ru/pic/001.jpg" class="floatbox" data-fb-options="colorTheme:yellow padding:20 panelPadding:4 overlayOpacity:90 caption:фото2"><img class="mal" src="https://www.03www.ru/pic/001.jpg" alt="примеры библиотеки floatbox" /></a><p></p>

<p> <a href="https://www.03www.ru/pic/001.jpg" class="floatbox" data-fb-options="colorTheme:blue padding:20 panelPadding:4 overlayOpacity:50 caption:фото3"><img class="mal" src="https://www.03www.ru/pic/001.jpg" alt="примеры библиотеки floatbox" /></a><p></p>

<p><a href="https://www.03www.ru/vid/001.flv" class="media flash floatbox" data-fb-options="width:80% height:61.8%w caption:`Tetka (the mouse works)`">Flash (FLV)</a><p></p>

<p><a href="https://www.03www.ru/vid/2.swf?scale=default" class="media flash floatbox" data-fb-options="width:80% height:61.8%w caption:`Tetka (the mouse works)`">Flash (SWF)</a><p></p>

<p> <a href="http://www.03skazki.ru/" class="floatbox" data-fb-options="width:93% height:90%">03skazki.ru</a> - <p></p>

<p><a href="https://www.03www.ru/vid/1.wmv" class="media wmp floatbox" data-fb-options="width:482 height:336 caption:`Windows Media Video-wmv`">Windows Media Video-wmv</a><p></p>

<p class="floatbox" data-fb-options="modal:false disableScroll:true width:280 scrolling:no enableDragResize:true cornerRadius:4 padding:12 colorTheme:custom, contentBackgroundColor:#ffffe7"> <a href="#nonmodal1" data-fb-options="caption:`блок #1` boxLeft:+66% boxTop:200">non-modal sample #1</a><p></p> <div id="nonmodal1" style="display:none; margin:8px;"> <p> <a href="https://www.03www.ru/pic/001.jpg" class="floatbox" data-fb-options="placement:left attachToHost:true timeout:12 defaultCursor:true roundCorners:true"><img class="mal" src="https://www.03www.ru/pic/001.jpg" alt="примеры библиотеки floatbox" ></a><p></p> Be sure to open the other boxes to get a good idea of how they interact.<p><p></p> </div>

<p class="floatbox" data-fb-options="modal:false disableScroll:true width:400 scrolling:no enableDragResize:true cornerRadius:4 padding:12 colorTheme:custom, contentBackgroundColor:#ffffe7"> <a href="#nonmodal2" data-fb-options="caption:`блок #2` boxLeft:+40% boxTop:20">non-modal sample #2</a><p></p> <div id="nonmodal2" style="display:none; margin:8px;"> <p> <a href="https://www.03www.ru/pic/001.jpg" class="floatbox" data-fb-options="placement:left attachToHost:true timeout:12 defaultCursor:true roundCorners:true"><img class="mal" src="https://www.03www.ru/pic/002.jpg" alt="примеры библиотеки floatbox" ></a><p></p> Be sure to open the other boxes to get a good idea of how they interact.<p><p></p> </div>

<p class="floatbox" data-fb-options="group:demo1"> <a href="https://www.03www.ru/pic/001.jpg" class="floatbox" data-fb-options="colorTheme:red padding:20 panelPadding:4 overlayOpacity:0 caption:фото 1"><img class="mal" src="https://www.03www.ru/pic/001.jpg" alt="примеры библиотеки floatbox" ></a> <a href="https://www.03www.ru/pic/002.jpg" class="floatbox" data-fb-options="colorTheme:yellow padding:20 panelPadding:4 overlayOpacity:90 caption:фото 2"><img class="mal" src="https://www.03www.ru/pic/002.jpg" alt="примеры библиотеки floatbox" ></a> <a href="https://www.03www.ru/pic/003.jpg" class="floatbox" data-fb-options="colorTheme:blue padding:20 panelPadding:4 overlayOpacity:50 caption:фото 3"><img class="mal" src="https://www.03www.ru/pic/003.jpg" alt="примеры библиотеки floatbox" ></a> <p></p>

<p><a class="transparent" href="https://www.03www.ru/pic/008.jpg"><img class="mal" src="https://www.03www.ru/pic/008.jpg" alt="примеры библиотеки floatbox" ></a><p></p>

<p><a href="https://www.03www.ru/vid/1.wmv" class="media wmp floatbox" data-fb-options="width:482 height:336 caption:`Windows Media Video`">Windows Media Video</a><p></p>

<p><a href="1.pdf" class="media reader floatbox" data-fb-options="caption:href">PDF Document</a><p></p>

<p><a href="https://www.03www.ru/vid/1.mpg" class="media quicktime floatbox" data-fb-options="width:480 height:376 caption:`Quicktime Example`">Quicktime movie (mpg)</a><p></p>

<p><a href="https://www.03www.ru/vid/1.mpeg" class="media quicktime floatbox" data-fb-options="width:480 height:376 caption:`Quicktime Example`">Quicktime movie (mpeg)</a><p></p>

<p><a href="https://www.03www.ru/vid/15.swf?scale=default" class="floatbox" data-fb-options="width:80% height:61.8%w caption:`Tetka (the mouse works)`">Flash (SWF)</a><p></p>

<div class="fbCycler floatbox alt" data-fb-options="cyclePauseOnHover:true group:utah imageFadeDuration:0" style="height:200px;"> <a href="http://www.03www.su/picsx/001.jpg"> <img class="mal" src="http://www.03www.su/picsx/001.jpg" alt="примеры библиотеки floatbox"> <span>primer 1</span> </a> <a href="http://www.03www.su/picsx/003.jpg"> <img class="mal" data-fb-src="http://www.03www.su/picsx/003.jpg" alt="примеры библиотеки floatbox"> <span>primer 2</span> </a> <a href="http://www.03www.su/picsx/002.jpg"> <img class="mal" src="http://www.03www.su/picsx/002.jpg" alt="примеры библиотеки floatbox"> <span>primer 3</span> </a> </div>

<p style="margin-top:300px"><a class="floatbox fbPopup" href="http://www.03www.su/picsx/003.jpg" data-fb-options="caption:`фото под курсором`">наведи курсор<img class="mal" src="http://www.03www.su/picsx/003.jpg" alt="примеры библиотеки floatbox"></a><p></p>

<p><a class="floatbox fbPopcenter" href="http://www.03www.su/picsx/008.jpg"> <img class="mal" src="http://www.03www.su/picsx/008.jpg" alt="примеры библиотеки floatbox"> <img src="http://www.03www.su/picsx/008.jpg" width="60" height="80" alt="примеры библиотеки floatbox" > </a> <p></p>

<p><a href="http://www.03www.su/picsx/012.jpg" class="floatbox" data-fb-options="showPrint:true info:#sample_info infoOptions:`width:400 showPrint:true printCSS:/includes/main.css contentBackgroundColor:#ffffe7` tooltip:#tooltip4 tooltipOptions:`moveWithMouse:true` caption:`Sailing a Silver Sea`"><img class="mal" src="http://www.03www.su/picsx/012.jpg" alt="примеры библиотеки floatbox"></a><p></p>