IMAGG.js是一个非常轻量级的图像灯箱库,用于jQuery和Vanilla JavaScript,专注于性能和用户体验。
它使开发人员能够创建可定制和响应的灯箱,这些灯箱可用于在弹出窗口中显示全尺寸图像,点击相应的缩略图即可触发。非常适合在您的网络应用程序上创建引人入胜、用户友好的图像浏览体验。
1.在文档中加载默认的IMAGG样式表。
<link rel="stylesheet" href="/path/to/css/IMAGG_default.css">
2.将triggerIMAGG CSS类添加到您的图像中。
<img class="triggerIMAGG" src="1.jpg" title="Image Title" alt="Image Alt" width="200px" />
3.在文档末尾加载IMAGG.js。完成!
<!-- Vanilla JS --> <script src="/path/to/IMAGG_1.0/js/IMAGG.js"></script> <!-- jQuery --> <script src="/path/to/IMAGG_1.0_jQuery/IMAGG.js"></script>