hjkhghopjkertteerterterterertertrtoirh
bnmbertsurhetertertertertertertertpdf'tdfg
/
srv
/
www
/
virtual
/
wccweb.jp
/
web
/
htdocs
/
cvstos
/
2011
/
examples
/
Upload FileeE
HOME
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CVSTOS WATCH GALLERY</title> <!-- 1 ) Reference to the files containing the JavaScript and CSS. These files must be located on your server. --> <script type="text/javascript" src="../highslide/highslide-with-gallery.js"></script> <link rel="stylesheet" type="text/css" href="../highslide/highslide.css" /> <!-- 2) Optionally override the settings defined at the top of the highslide.js file. The parameter hs.graphicsDir is important! --> <script type="text/javascript"> hs.graphicsDir = '../highslide/graphics/'; hs.align = 'center'; hs.transitions = ['expand', 'crossfade']; hs.outlineType = 'glossy-dark'; hs.wrapperClassName = 'dark'; hs.fadeInOut = true; //hs.dimmingOpacity = 0.75; // Add the controlbar if (hs.addSlideshow) hs.addSlideshow({ //slideshowGroup: 'group1', interval: 5000, repeat: false, useControls: true, fixedControls: 'fit', overlayOptions: { opacity: .6, position: 'bottom center', hideOnMouseOut: true } }); </script> <style type="text/css"> <!-- body,td,th { color: #999999; } body { background-color: #000000; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image: url(back.gif); } a:link { color: #CCCCCC; text-decoration: none; } a:visited { text-decoration: none; color: #CCCCCC; } a:hover { text-decoration: underline; color: #CCCCCC; } a:active { text-decoration: none; color: #CCCCCC; } --> </style></head> <body> <div align="center"><img src="title.jpg" alt="" width="900" height="100" /><br /> <BR /> <!-- 3) Put the thumbnails inside a div for styling --> </div> <div class="highslide-gallery"> <div align="center"> <!-- 4) This is how you mark up the thumbnail image with an anchor tag around it. The anchor's href attribute defines the URL of the full-size image. --> <a href="../images/1.jpg" class="highslide" onclick="return hs.expand(this)"> <img src="../images/1t.jpg" alt="Highslide JS" width="80" height="53" title="Click to enlarge" /></a> <!-- 5 (optional). This is how you mark up the caption. The correct class name is important. --> <!-- <div class="highslide-caption"> Caption for the first image. This caption can be styled using CSS. </div> --> <!-- Repetionion of the above --> <a href="../images/2.jpg" class="highslide" onclick="return hs.expand(this)"> <img src="../images/2t.jpg" alt="Highslide JS" width="80" height="53" title="Click to enlarge" /></a> <!-- <div class="highslide-caption"> Caption for the second image. </div>--> <a href="../images/3.jpg" class="highslide" onclick="return hs.expand(this)"> <img src="../images/3t.jpg" alt="Highslide JS" width="80" height="53" title="Click to enlarge" /></a> <!--<div class="highslide-caption"> Caption for the third image. </div>--> <a href="../images/4.jpg" class="highslide" onclick="return hs.expand(this)"><img src="../images/4t.jpg" alt="Highslide JS" width="80" height="53" title="Click to enlarge" /> </a><a href="../images/6.jpg" class="highslide" onclick="return hs.expand(this)"><img src="../images/5t.jpg" alt="Highslide JS" width="80" height="53" title="Click to enlarge" /> <img src="../images/6t.jpg" alt="Highslide JS" width="80" height="53" title="Click to enlarge" /></a> <a href="../images/7.jpg" class="highslide" onclick="return hs.expand(this)"><img src="../images/7t.jpg" alt="Highslide JS" width="80" height="53" title="Click to enlarge" /></a> <a href="../images/8.jpg" class="highslide" onclick="return hs.expand(this)"><img src="../images/8t.jpg" alt="Highslide JS" width="80" height="53" title="Click to enlarge" /></a><br /> <br /> <a href="../images/9.jpg" class="highslide" onclick="return hs.expand(this)"><img src="../images/9t.jpg" alt="Highslide JS" width="80" height="53" title="Click to enlarge" /></a><a href="../images/10.jpg" class="highslide" onclick="return hs.expand(this)"><img src="../images/10t.jpg" alt="Highslide JS" width="80" height="53" title="Click to enlarge" /></a> <a href="../images/12.jpg" class="highslide" onclick="return hs.expand(this)"> <img src="../images/11t.jpg" alt="Highslide JS" width="80" height="53" title="Click to enlarge" /> <img src="../images/12t.jpg" alt="Highslide JS" width="80" height="53" title="Click to enlarge" /></a> <a href="../images/13.jpg" class="highslide" onclick="return hs.expand(this)"><img src="../images/13t.jpg" alt="Highslide JS" width="80" height="53" title="Click to enlarge" /></a> <a href="../images/14.jpg" class="highslide" onclick="return hs.expand(this)"><img src="../images/14t.jpg" alt="Highslide JS" width="80" height="53" title="Click to enlarge" /></a><a href="../images/15.jpg" class="highslide" onclick="return hs.expand(this)"></a><br /> <br /> <br /> | <a href="index.html">BACK</a> | <br /> <br /> </div> </div> </body> </html>