一個簡單的、基于jQuery的圖片燈箱JS插件:Image-Box

jopen 9年前發布 | 22K 次閱讀 Image-Box 圖片展示jQuery插件 jQuery插件

一個簡單的、基于jQuery的圖片燈箱JS插件。其實本來只是想寫給博客用的,因為 Material Design Lite 沒有圖片燈箱效果,就手動擼了一個簡單的比較初級的,類似Materialize的燈箱效果那樣的JS插件出來。遵循Apache Public Lincense開源。

使用方法:

1.在 header 引入 jQuery,ImageBox.css,ImageBox.js:

<link rel="stylesheet" type="text/css" href="ImageBox.css">
<script src="jquery.min.js"></script>
<script src="ImageBox.js"></script>

2.為需要使用燈箱效果的圖片添加"ImageBox"的Class:

<img src="233.jpg" class="ImageBox">

如果一個DIV層中有很多圖片,可以使用jQuery代碼批量添加“ImageBox”的Class:

<script>
$("div img").addClass("ImageBox");
</script>

項目主頁:http://www.baiduhome.net/lib/view/home/1441032999050

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!