gridrotator.js响应式图片画廊插件

当你定义网格大小的时候,你要注意所有图片是否占满网格区域。比如你有50张图片,定义了4行5列,总共有20张图片在网格中显示,其它30张用来做图片随机翻转切换。

图文列表代码

<div id="ri-grid" class="ri-grid ri-grid-size-1 ri-shadow"> 
    <img class="ri-loading-image" src="images/loading.gif"/> 
    <ul> 
        <li><a href="http://www.sucaihuo.com/js/442.html" target="_blank" ><img src='images/medium/1.jpg'  title='jQuery圆角插件:jquery.corners.js'/></a></li> 
        <li><a href="http://www.sucaihuo.com/js/443.html" target="_blank" ><img src='images/medium/2.jpg'  title='jQuery仿蜜淘在线客服'/></a></li> 
        <li><a href="http://www.sucaihuo.com/js/444.html" target="_blank" ><img src='images/medium/3.jpg'  title='jQuery+turn.js翻书、文档和杂志'/></a></li> 
        <li><a href="http://www.sucaihuo.com/js/445.html" target="_blank" ><img src='images/medium/4.jpg'  title='jCarousel演示7种不同的滚动切换'/></a></li> 
    </ul> 
</div>
<script type="text/javascript" src="js/jquery.gridrotator.js"></script>
$('#ri-grid').gridrotator({ 
    w1024: {rows: 3, columns: 8}, 
    w320: {rows: 2, columns: 4}, 
    w240: {rows: 2, columns: 3}, 
});
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录