jQuery和Vanilla JS 极简图像灯箱插件 IMAGG

  • 源码大小:9.59KB
  • 所需积分:1积分
  • 源码编号:19JP-3121
  • 浏览次数:298次
  • 最后更新:2023年05月08日
  • 所属栏目:幻灯片
本站默认解压密码:19jp.com 或 19jp_com

简介

IMAGG.js是一个非常轻量级的图像灯箱库,用于jQuery和Vanilla JavaScript,专注于性能和用户体验。

它使开发人员能够创建可定制和响应的灯箱,这些灯箱可用于在弹出窗口中显示全尺寸图像,点击相应的缩略图即可触发。非常适合在您的网络应用程序上创建引人入胜、用户友好的图像浏览体验。

参见:

  • JavaScript和CSS中的10个最佳灯箱库插件

如何使用它:

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>

预览截图