jquery响应式图片布局带弹出层效果

来源:https://www.sucaihuo.com/js/1432.html 2017-03-08 07:27浏览(1019) 收藏

imagesGrid是一款响应式图片布局画廊插件,支持点击单个图片出现大图弹出层效果。
jquery响应式图片布局带弹出层效果
分类:悬浮层/弹出层 > 弹窗 难易:初级
查看演示 下载资源 下载积分: 20 积分

两种图片画廊布局方式

<p>More than five images</p>
<div id="gallery1"></div>

<p>Diff-size images</p>
<div id="gallery2"></div>
$('#gallery1').imagesGrid({
    images: [
        'imgs/1.jpg',
        {src: 'imgs/2.jpg', alt: 'Second image', title: 'Second image'},
        'imgs/3.jpg',
        {src: 'imgs/4.jpg', caption: 'Beautiful forest'},
        'imgs/5.jpg'
    ]
});

$('#gallery2').imagesGrid({
    images: [
        'imgs/diff-size/1.jpg',
        'imgs/diff-size/2.jpg',
        'imgs/diff-size/3.jpg',
        'imgs/diff-size/4.jpg',
        'imgs/diff-size/5.jpg'
    ],
    align: true
});
标签: 弹出层
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2