MovingBoxes滑动放大图片插件

收藏

MovingBoxes是一款jQuery左右按钮控制图片滚动，一组3张图，中间图片会放大显示。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

引入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.erdangjiade.com" target="_blank"><img src="images/img04.jpg"></a></li>
    <li><a href="http://www.erdangjiade.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 "●";// 返回分页格式
    }
});