ViewImage.js 基于jQuery ,Gzip后不足 1kb 的响应式极简灯箱插件

获取

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

引用

首先确保你的页面已经正确引用jQuery(建议2.0+),然后再引用ViewImage.js。

启用

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

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

图片

<ul class="view-image">
    <li><img src="原图"></li>
    <li><img src="原图"></li>
    <li><img src="原图"></li>
    <li><img src="原图" class="exc"></li>
</ul>

链接加文字

<ul class="view-image2">
    <li><a href="原图">可用</a></li>
    <li><a href="原图" class="exc">不可用</a></li>
</ul>

链接加缩略图

<ul class="view-image3">
    <li><a href="原图"><img src="缩略图 或 原图"></a></li>
    <li><a href="原图" class="exc"><img src="缩略图 或 原图"></a></li>
</ul>
 

[图片]

灯箱来自:https://github.com/Tokinx/ViewImage
1

Related Posts

Comments

  1. Gravatar

    我也试着弄下灯箱

发表评论

电子邮件地址不会被公开。 必填项已用*标注