zblog响应式极简图片灯箱插件viewimglee,不足1kb的ViewImage.js超效率

对于图片灯箱插件我之前一直无感,直到慢慢越来越多的人联系我说它的重要性,所以主题慢慢的都开启了 Fancybox 图片灯箱插件,效果和功能都很强大,但是最近发现了“ViewImage.js”,这是基于jQuery开发的插件,使用Gzip压缩后不足 1kb,还支持响应式的一款极简灯箱插件,打算把主题都集成这个插件,真的超级精简,使用了几次效果挺好,在此基础上又简单优化了几处css,想着每个人要求不同就顺手做了这款极简插件(插件地址下文章底部)。

zblog响应式极简图片灯箱插件viewimglee,不足1kb的ViewImage.js超效率

如果不需要使用插件,那么自己集成在主题也很简单,教程如下:

获取

你可以直接访问ViewImage的  GitHub 来获取最新版插件,当然你也可以通过下面的链接下载ViewImage: view-image.js or  view-image.min.js

引用

首先确保你的页面已经正确引用jQuery(建议2.0+),然后再引用ViewImage.js(不喜欢本地就用这个CDN加速js)。

<script src="//tokinx.github.io/ViewImage/view-image.min.js"></script>

启用

我们为您提供了非常简便的初始化方法,方便您对程序进行一些个性化设置并正确启用

<script>
jQuery(document).ready(function () {
    jQuery.viewImage({
	'target' : '.view-image img', //需要使用ViewImage的图片
	'exclude': '.exclude img',    //要排除的图片
	'delay'  : 300                //延迟时间
    });
});
</script>

手动操作完成,结合实际情况把“.view-image img”换成自己图片的class就可以,当然如果懒得手动修改就下载插件吧,免费的,应用中心搜索“图片灯箱”然后获取插件,启用插件即可,什么都不需要修改,仅仅是安装和启用插件,是不是没有比这个更加懒人操作的吧,最后看看插件的兼容性吧,

关于插件的兼容性

D\TFirefoxChromeMSIESafari
PC>=3.5Yes>=9>=3.1
MobileNullNullNullNull

目前测试一切正常,如果在使用过程中有任何问题欢迎留言反馈,我们的宗旨就是,能简则简,应该是没有比“ViewImage.js”更为精简的啦,有的话,,,就当我没说!!!

插件地址:

图片灯箱(极简插件)应用中心下载

文章声明:以上内容(如有图片或视频亦包括在内)除非注明,否则均为网站名称原创文章,转载或复制请以超链接形式并注明出处。https://xz.itlaoli.com/blog/681.html

« 上一篇
下一篇 »

相关推荐

Linux手动分区挂载10TB磁盘到 /www目录并安装宝塔面板到数据盘的完整教程

2025年10月16日

434阅读

记录Windows11系统暂停更新怎么延长周数的教程

2025年08月25日

2849阅读

Windows11失败,提示“ahsProtector-你的电脑上有服务尚未准备好用于此版本的Windows”的解决方案

2025年08月21日

3310阅读

zblogPHP李洋个人博客主题使用网址导航模板的图文教程

2025年05月27日

5605阅读

百度普通收录API提交后提示 {"error":400,"message":"site init fail"}问题怎么解决?

2025年03月03日

5065阅读

zblog应用中心后台无法更新主题模板及无法新建标签的解决办法

2025年02月24日

6606阅读

发表评论

访客 访客
评论列表 (暂无评论,10346人围观)

还没有评论,来说两句吧...

取消
微信二维码
微信二维码
支付宝二维码