MENU

非常漂亮的开箱即用图片灯箱

• October 17, 2020 • Read: 140 • 代码分享,资源分享阅读设置

效果图

非常漂亮的开箱即用图片灯箱

介绍

  • 无需其他JavaScript编码
  • 没有其他HTML片段
  • 没有额外的CSS资源
  • 没有其他图标/资产
  • 无需额外处理动态内容和事件侦听器

使用方法

<script type="text/javascript" src="https://ku.oioweb.cn/jQuery/jquery/jquery.min.js"></script>
<script type="text/javascript" src="https://ku.oioweb.cn/js/ImageBox.js"></script>
<script type="text/javascript">
jQuery(function($){$("img[src$=jpg],img[src$=gif],img[src$=png],img[src$=jpeg]").addClass("spotlight").each(function(){this.onclick=function(){return hs.expand(this)}});})
</script>

将代码插入到全局文件中一般是head.php或footer.php都是可以的。
若希望支持更多图片格式添加只需要填写img[src$=格式]即可。

Archives QR Code Tip
QR Code for this page
Tipping QR Code