【求助】求一个轮播焦点图的jQuery代码 -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

【求助】求一个轮播焦点图的jQuery代码

杨冬芳 2016-06-06 15:00:24 2069

RT求一个轮播焦点图的jQuery代码

网上找了很多都无法满足要求。。无奈只能来求助了。。
需要实现以下功能:

1、轮播方式为左右滚动,不要渐隐切换,且可以无限滚动,不会回弹。
2、轮播图有索引控件,就是对应图片的小圆点。
3、有左右切换按钮,而且如果多次点击按钮,只滚动一张图(就是淘宝首页那种)
4、用JQuery实现。。原生JS一大堆伤不起。。

我自己写过几种。。都有问题。。
第一种:每次滚动第一个DOM移动到最后面。。问题是:index一直在变化,索引小圆点对应不了。。
第二种:滚动到最后一张图时,第一张图加上position:relative;放到最后,然后滚过去后又复原,外面的ul也同时复原,问题是:左右按钮多次点击就会错位。。滚动效果我用animate()前面加上stop()都没用。。不知道什么回事

其他方法基本差不多 都是这2个思路 具体操作不同。。也实现不了上面需要的功能。。。下了网上的来看。。也没有一个能实现,下插件看。。封装好的几百行。。眼睛瞎了。。上百度知道问。。有人给我一个引擎生成的。。一堆错误

JavaScript 索引
分享到
取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:28:40

    http://static.fengchuan100.com/new20150827/js/jquery-slides.js

    $(function() {
    $('#J_slides').slides({
      'auto'           : 3000,
      'item'           : '.item',
      'btnPrev'        : '#J_btnPrev',
      'btnNext'        : '#J_btnNext',
      'pagination'     : '#J_pagination',
      'paginationItem' : 'a',
      'speed'          : 300,
      'vertical'       : false,  // 垂直滑动
      'mouseOver'      : true,   // 鼠标悬停
      'mouseWheel'     : false   // 鼠标滑轮
    });
    
    });

    这是我自己写的一个滑动轮播插件,看是否满足你的需求。
    需要我在发文件给你,在我本地。

    放入网盘了,http://pan.baidu.com/s/1i3uFG7F

    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程