MovingBoxes滑动放大图片插件

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

MovingBoxes是一款jQuery左右按钮控制图片滚动,一组3张图,中间图片会放大显示。
MovingBoxes滑动放大图片插件
分类:图片代码 > 图片轮播 难易:初级
查看演示 下载资源: 184 下载资源 下载积分: 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;";// 返回分页格式
    }
});
标签: 放大滑动
评论4
头像

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

  • 头像 3楼
    01-05 18:59
    j***x
    这个非常好,是我想要的结果!
  • 头像 板凳
    11-16 06:17
    c***8
    太好了效果 占一个
  • 头像 椅子
    10-27 11:58
    克***根
  • 头像 沙发
    10-15 16:04
    f***l
    挺好,这个有用
    1
    l***t:

    这个也是可以的,哈哈

1 2