图片预览，支持多图片滑动预览

 

git 地址

 

https://github.com/sachinchoolur/lightgallery.js

 

代码

 

# idnex.html

 

<script src="js/lightGallery.js"></script>

 

# imagePreview.html

 

<div id="lightgallery">

 

  <a href="img/img1.jpg">

 

      <img src="img/thumb1.jpg" />

 

  </a>

 

  <a href="img/img2.jpg">

 

      <img src="img/thumb2.jpg" />

 

  </a>

 

  …

 

</div>

 

<script type="text/javascript">

 

    lightGallery（document.getElementById（'lightgallery'））; 

 

</script>

 

或

 

<script type="text/javascript">

 

  $（document）。ready（function（） {

 

    $（"#lightGallery"）。lightGallery（）; 

 

  }）;

 

</script>