ViewImage - 响应式极简灯箱插件

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

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

1
<script>
2
    jQuery(document).ready(function () {
3
        jQuery.viewImage({
4
            'target': '.view-image img,.view-image2 a,.view-image3 a',
5
            'exclude': '.exc',
6
            'delay': 300
7
        });
8
    });
9
</script>

1
<ul class="view-image">
2
    <li><img src="原图"></li>
3
    <li><img src="原图"></li>
4
    <li><img src="原图"></li>
5
    <li><img src="原图" class="exc"></li>
6
</ul>

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

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