jquary插件Lightbox灯箱
生活随笔
收集整理的這篇文章主要介紹了
jquary插件Lightbox灯箱
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
使用教程
Lightbox2Lightbox is a script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.https://lokeshdhakar.com/projects/lightbox2/
使用案例
<style>div img {width: 200px;}</style> </head><body><a href="./img/1.jpg" data-lightbox="pic" data-title="這是一個大美女"><img src="./img/1.jpg" alt="" width="300"></a><div><a href="./img/pic1.jpg" data-lightbox="pic1" data-title="明星"><img src="./img/pic1.jpg" alt=""></a><a href="./img/pic2.jpg" data-lightbox="pic2" data-title="明星"><img src="./img/pic2.jpg" alt=""></a><a href="./img/pic3.jpg" data-lightbox="pic1" data-title="明星"><img src="./img/pic3.jpg" alt=""></a><a href="./img/pic4.jpg" data-lightbox="pic1" data-title="明星"><img src="./img/pic4.jpg" alt=""></a></div> </body> <!-- 先引入jquery 再引入lightbox --> <!-- <script src="./js/jquery-3.6.1.js"></script> <script src="./js/lightbox.min.js"></script> --><script src="./js/lightbox-plus-jquery.min.js"></script> <script>lightbox.option({'resizeDuration': 200,'wrapAround': true,albumLabel: "當前第%1張，總%2張"}) </script>總結
以上是生活随笔為你收集整理的jquary插件Lightbox灯箱的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： VC++ Call Stack调试
- 下一篇： 安装了java环境后，双击.jar包无法