Фото от клика увеличивается с анимацией Большое фото в закругленном обрамлении Над большим фото меню ВЛЕВО ВПРАВО АВТОПРОСМОТР СПРАВА миниатюры фото (highslide) Библиотека Javascript. SE@RCHER

<!DOCTYPE HTML><html><head> <META content="text/html; charset=windows-1251" http-equiv=Content-Type> <title>Фото от клика увеличивается с анимацией Большое фото в закругленном обрамлении Над большим фото меню ВЛЕВО ВПРАВО АВТОПРОСМОТР СПРАВА миниатюры фото (highslide)</title> <script> document.onkeydown=key; function key() { defaultStatus = "клавиша стрелка ВПРАВО - смотреть дальше" window.status=event.keyCode; if(event.keyCode==39) window.location.href=('highslide04.htm'); } </script> <script type="text/javascript" src="highslide.js"></script> <style type="text/css"/> @import url("highslide.css"); </style> <script type="text/javascript"> hs.graphicsDir = 'highslide/graphics/'; hs.align = 'center'; hs.transitions = ['expand', 'crossfade']; hs.fadeInOut = true; hs.outlineType = 'rounded-white'; hs.headingEval = 'this.a.title'; hs.numberPosition = 'heading'; hs.useBox = true; hs.width = 600; hs.height = 400; hs.showCredits = false; //hs.dimmingOpacity = 0.8; // Add the slideshow providing the controlbar and the thumbstrip hs.addSlideshow({ //slideshowGroup: 'group1', interval: 5000, repeat: false, useControls: true, fixedControls: 'fit', overlayOptions: { position: 'top right', offsetX: 200, offsetY: -65 }, thumbstrip: { position: 'rightpanel', mode: 'float', relativeTo: 'expander', width: '210px' } }); // Make all images animate to the one visible thumbnail var miniGalleryOptions1 = { thumbnailId: 'thumb1' } </script> <script type="text/javascript"> /*********************************************** Библиотека Javascript SE@RCHER 03www.su 01.08.2010 ************************************************/ document.onkeydown=key;function key() {defaultStatus = "клавиша стрелка ВПРАВО - смотреть дальше" window.status=event.keyCode;if(event.keyCode==39) window.location.href=('highslide04.htm');} window.status='дальше - стрелка вправо'; </script> </head> <body> <script type="text/javascript"> document.write(document.title); </script> <a id="thumb1" href="pic/001.jpg" class="highslide" onclick="return hs.expand(this)"> <img src="pic/001.jpg" alt="Highslide JS" title="Click to enlarge" height="120" /></a> <div class="highslide-caption"> This caption can be styled using CSS. </div> <br><br><br><br><br><br><br> <a id="thumb2" href="pic/002.jpg" class="highslide" onclick="return hs.expand(this)"> <img src="pic/002.jpg" alt="Highslide JS" title="Click to enlarge" height="120" /></a> <div class="highslide-caption"> 222222 This caption can be styled using CSS. </div> <a id="thumb2" href="pic/003.jpg" class="highslide" onclick="return hs.expand(this)"> <img src="pic/003.jpg" alt="Highslide JS" title="Click to enlarge" height="120" /></a> <div class="highslide-caption"> 33333 This caption can be styled using CSS. </div> </body> </html>