javascript - js横向轮播图问题求助
本文介绍了javascript - js横向轮播图问题求助的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
这不是我想要的 我想要的是 前面的都跑到最后一张图片的后面来 我不知道怎么去判断是不是最后一个图片 我只给右边的 下一个按钮加了一个事件 但是没有思路 求给个思路。
$(function() {
var next = $('#next'),
back = $('#back'),
ul = $('.wrap ul'),
imgW = $('img:first').width(),
imgs = $('img');
// imgs.each(function(i) {
// this.index = i;
// })
next.bind('click',function() {
var ulLeft = parseInt(ul.css('left'));
ul.css({
'left' : -(imgW + -ulLeft) + 'px'
})
})
})
解决方案
给你的每个图片加一个 data-index 属性表示它是第几张图片[0,1,2,3...]表示,maxCount表示共有多少图片
然后Js获取当前为第几张图片,假如是第五张current=4:
var current = parseInt($Pic.attr('data-index'));
if((current + 1) >= maxCount) {
nextIndex = 0;
} else {
nextIndex = current + 1;
}
这篇关于javascript - js横向轮播图问题求助的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文