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

当你定义网格大小的时候，你要注意所有图片是否占满网格区域。比如你有50张图片，定义了4行5列，总共有20张图片在网格中显示，其它30张用来做图片随机翻转切换。gridrotator.js就是实现这种图片网格画廊效果。

淘建站为您提供更多_图片代码_网格_网格_画廊，在此特别感谢您对我们的支持与厚爱！

图片列表代码

<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.sucaiq.com/js/442.html" target="_blank" ><img src='images/medium/1.jpg'  title='jQuery圆角插件：jquery.corners.js'/></a></li>
        <li><a href="http://www.sucaiq.com/js/443.html" target="_blank" ><img src='images/medium/2.jpg'  title='jQuery仿蜜淘在线客服'/></a></li>
        <li><a href="http://www.sucaiq.com/js/444.html" target="_blank" ><img src='images/medium/3.jpg'  title='jQuery+turn.js翻书、文档和杂志'/></a></li>
        <li><a href="http://www.sucaiq.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},
});

gridrotator.jsAPI教程