开发者社区> 问答> 正文

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

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

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

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

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

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

展开
收起
杨冬芳 2016-06-06 15:00:24 2981 0
1 条回答
写回答
取消 提交回答
  • IT从业

    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

    2019-07-17 19:28:40
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载