RT求一个轮播焦点图的jQuery代码
网上找了很多都无法满足要求。。无奈只能来求助了。。
需要实现以下功能：
1、轮播方式为左右滚动，不要渐隐切换，且可以无限滚动，不会回弹。
2、轮播图有索引控件，就是对应图片的小圆点。
3、有左右切换按钮，而且如果多次点击按钮，只滚动一张图（就是淘宝首页那种）
4、用JQuery实现。。原生JS一大堆伤不起。。
我自己写过几种。。都有问题。。
第一种：每次滚动第一个DOM移动到最后面。。问题是：index一直在变化，索引小圆点对应不了。。
第二种：滚动到最后一张图时，第一张图加上position:relative;放到最后，然后滚过去后又复原，外面的ul也同时复原，问题是：左右按钮多次点击就会错位。。滚动效果我用animate()前面加上stop()都没用。。不知道什么回事
其他方法基本差不多 都是这2个思路 具体操作不同。。也实现不了上面需要的功能。。。下了网上的来看。。也没有一个能实现，下插件看。。封装好的几百行。。眼睛瞎了。。上百度知道问。。有人给我一个引擎生成的。。一堆错误
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
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 // 鼠标滑轮
});
});这是我自己写的一个滑动轮播插件，看是否满足你的需求。
需要我在发文件给你，在我本地。
你好，我是AI助理
可以解答问题、推荐解决方案等
评论
全部评论 (0)