网站添加极简灯箱图片效果

tlsoft 11月前 175

获取

你可以直接访问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就可以

作者:ViewImage.js - 2kb minimalist lightbox. (tokinx.github.io)



最新回复 (0)
返回
发新帖