本文實例講述了js圖片查看器插件。分享給大家供大家參考，具體如下：
首先 在github上下載 js，css點擊打開鏈接
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="../css/viewer.min.css" rel="external nofollow" > <script src="../lib/jquery.min.js"></script> <script src="../lib/viewer.min.js"></script></head><body><div id="viewer" class="viewer"> <div><img src="images/thumbnails/tibet-1.jpg" data-original="images/tibet-1.jpg" <div><img src="images/thumbnails/tibet-2.jpg" data-original="images/tibet-2.jpg" <div><img src="images/thumbnails/tibet-3.jpg" data-original="images/tibet-3.jpg" <div><img src="images/thumbnails/tibet-4.jpg" data-original="images/tibet-4.jpg" <div><img src="images/thumbnails/tibet-5.jpg" data-original="images/tibet-5.jpg" <div><img src="images/thumbnails/tibet-6.jpg" data-original="images/tibet-6.jpg" $('.viewer').viewer();// $('.viewer').viewer({url:"data-original",});}</script></body></html>
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
