dreamImage是一个小型、简单的jQuery插件,可以在响应式全屏灯箱弹出窗口中查看图像,并支持图像旋转。
1.加载主JavaScript文件梦幻图像.js
加载jQuery JavaScript库之后。
- <script src="/path/to/cdn/jquery.min.js"></script>
- <script src="/path/to/dreamimage.js"></script>
2.将图像嵌入到网页中。
- <img id="demo"
- src="1.jpg"
- title="Image Caption"
- alt="Image Caption" />
3.调用图像上的函数,插件将完成其余操作。
- $(document).ready(function(){
- $("#demo").dreamimage();
- });
2022-02-24