ZOOM - jQuery photo gallery plugin

Features:

How to use

Include the stylesheet and javascript into the header and add the images (class gallery required, style as desired):

<!DOCTYPE html>
<html dir="ltr" lang="en-US">
  <head>
    
    <link rel="stylesheet" href="css/zoom.css" media="all" />
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/zoom.min.js"></script>
    
  </head>
  <body>

  <ul class="gallery">
    <li><a href="path/to/large1.jpg"><img src="path/to/thumbnail1.jpg" /></a></li>
    <li><a href="path/to/large2.jpg"><img src="path/to/thumbnail2.jpg" /></a></li>
    <li><a href="path/to/large3.jpg"><img src="path/to/thumbnail3.jpg" /></a></li>
    <li><a href="path/to/large4.jpg"><img src="path/to/thumbnail4.jpg" /></a></li>
  </ul>

  </body>
</html>

适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.

来源:站长素材