MovingBoxes滑动放大图片插件

来源:https://www.sucaihuo.com/js/492.html 2015-09-09 16:01浏览(1447) 收藏

MovingBoxes是一款jQuery左右按钮控制图片滚动,一组3张图,中间图片会放大显示。
MovingBoxes滑动放大图片插件
分类:图片代码 > 图片轮播 难易:初级
查看演示 下载资源 下载积分: 20 积分

引入movingboxes相册插件

<link type="text/css" href="css/style.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.movingboxes.js"></script>

相册图片li列表

<ul id="focus">
    <li><a href="http://www.sucaihuo.com" target="_blank"><img src="images/img04.jpg"></a></li>
    <li><a href="http://www.sucaihuo.com" target="_blank"><img src="images/img05.jpg"></a></li>
</ul>

movingBoxesAPI调用

$('#focus').movingBoxes({
    startPanel: 1, // 从第一个li开始
    reducedSize: .5, // 缩小到原图50%的尺寸
    wrap: true, // 是否无缝循环
    buildNav: false, // 是否显示分页
    navFormatter: function() {
        return "&#9679;";// 返回分页格式
    }
});
标签: 放大滑动
评论0
头像

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

1 2