<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Simple jQuery Hover Image Gallery by PlaKriM</title> <style type="text/css"> #SimpleGallery{ padding:5px; margin:0px; } #SimpleGallery div{ float:left; font:bold 12px Tahoma; text-align:center; width:320px; padding:0px; margin:0px; } #SimpleGallery ol{ float:left; width:110px; padding:0px; margin:0px; } #SimpleGallery li{ width:50px; height:50px; padding:1px; margin:0px; float:left; list-style:none; } #SimpleGallery li img{ border:0px; } </style> <script type="text/javascript" src="jquery-1.4.4.min.js"></script> <script type="text/javascript" src="jquery.simple.gallery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#SimpleGallery').SimpleGallery({active:0}); }); </script> </head> <body> <div id="SimpleGallery"> <div> </div> <ol> <li><a href="images/large/1.jpg" title="Description of image 1"><img src="images/thumb/1.jpg" /></a></li> <li><a href="images/large/2.jpg" title="Description of image 2"><img src="images/thumb/2.jpg" /></a></li> <li><a href="images/large/3.jpg" title="Description of image 3"><img src="images/thumb/3.jpg" /></a></li> <li><a href="images/large/4.jpg" title="Description of image 4"><img src="images/thumb/4.jpg" /></a></li> <li><a href="images/large/5.jpg" title="Description of image 5"><img src="images/thumb/5.jpg" /></a></li> <li><a href="images/large/6.jpg" title="Description of image 6"><img src="images/thumb/6.jpg" /></a></li> <li><a href="images/large/7.jpg" title="Description of image 7"><img src="images/thumb/7.jpg" /></a></li> <li><a href="images/large/8.jpg" title="Description of image 8"><img src="images/thumb/8.jpg" /></a></li> <li><a href="images/large/9.jpg" title="Description of image 9"><img src="images/thumb/9.jpg" /></a></li> <li><a href="images/large/10.jpg" title="Description of image 10"><img src="images/thumb/10.jpg" /></a></li> </ol> </div> </body> </html>
Load balance : Server 00
