『壹』 Jquery图片轮播循环问题，求大神指教，怎么实现循环播放
//js
varisround="";
vari=0;
$(function(){
isround=setTimeout("change()",3000);
$("div[name=ban]divimg:eq(0)").show().siblings().hide();
$(".numli:eq(0)").addClass("current").siblings().removeClass("current");
$(".numli").click(function(){
i=$(".numli").index(this);
$(this).addClass("current").siblings().removeClass("current");
$("div[name=ban]divimg").eq($(".numli").index(this)).show().siblings().hide();
isround=setTimeout("change()",3000);
}).hover(function(){
clearTimeout(isround)
},function(){
isround=setTimeout("change()",3000);
})
})
functionchange(){
if(i==$(".numli").length)i=0;
$(".numli").eq(i).addClass("current").siblings().removeClass("current");
$("div[name=ban]divimg").eq(i).show().siblings().hide();
i++;
setTimeout("change()",3000);
}
//html
<divname="ban">
<div>
<!--图片-->
<imgsrc="/resources/images/f1.jpg"width="369px"height="114px"/>
<imgsrc="/resources/images/f2.jpg"width="369px"height="114px"/>
<imgsrc="/resources/images/f1.jpg"width="369px"height="114px"/>
<imgsrc="/resources/images/f2.jpg"width="369px"height="114px"/>
<imgsrc="/resources/images/f1.jpg"width="369px"height="114px"/>
</div>
<divclass="numbox">
<!--选项-->
<ulclass="num">
<liclass="current"></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div>
不懂再问，这是我自己写的一个轮换，里面包括了点击事件，原理是控制图片的显示隐藏，
别的有控制高度等等之类的 。
『贰』 jquery轮播图如何做一个判断
这很简单啊，你的意思就是不想已经显示的图片显示效果出现多次，你只要判断内这个原点，容原点是加的class吧，你只要判断这个位置的原点不存在class才执行嘛，判断class是否存在就用hasClass这个函数
『叁』 jquery图片上下轮播的问题，怎么实现自动轮播
如果你上面没复有写制错的话，并且不需要鼠标移入时暂停自动轮播效果的话，可以使用setInterval
$(document).ready(function() {
setInterval(function(){
picTurn('#picShow');
}, 3000);
});
『肆』 网页图片轮播 如何 用jq实现相互对应切换
简单写了写，比较懒就没把图片放到右边，自己调一下，哦对了，我没加轮播
css部分
<style>
ul{
-style:none;
margin:0;
padding:0;
}
img{
vertical-align:middle;
}
.box{
width:450px;
margin:0auto;
}
.big{
width:450px;
}
.small{
height:58px;
width:380px;
margin:0auto;
}
.smallli{
float:left;
height:58px;
width:58px;
margin:09px;
cursor:pointer;
}
.smallliimg{
border:1pxsolid#fff;
}
.smallli.hoverimg,.smallli:hoverimg{
border-color:#1ab;
}
</style>
html+js
<divclass="box">
<divclass="big">
<imgsrc="images/1.jpg"alt="big">
</div>
<ulclass="small">
<liclass="hover"><imgsrc="images/1s.jpg"alt="1"></li>
<li><imgsrc="images/2s.jpg"alt="2"></li>
<li><imgsrc="images/3s.jpg"alt="3"></li>
<li><imgsrc="images/4s.jpg"alt="4"></li>
<li><imgsrc="images/5s.jpg"alt="5"></li>
</ul>
</div>
<script>
//js方法实现
varimgs=['1.jpg','2.jpg','3.jpg','4.jpg','5.jpg'];//每个大图的文件名
varbig=document.getElementsByClassName('big')[0];
varimg=big.getElementsByTagName('img')[0];//获取.big中的img标签
varsmall=document.getElementsByClassName('small')[0];//加上[0]表示第一个类名为small的元素
varlis=small.getElementsByTagName('li');//获取ul.small下的所有li标签
for(vari=0;i<lis.length;i++){
lis[i].index=i;//给每个li元素贴一个序号
lis[i].onmouseover=function(){//添加鼠标滑过效果
console.log(this.index);
for(vari=0;i<lis.length;i++){
lis[i].className='';//通过循环将所有li的class清空
}
this.className='hover';//当前鼠标滑过的li添加class="hover"
img.src='images/'+imgs[this.index];//修改大图为对应图片
}
}
</script>
『伍』 如何jQuery实现图片轮播的同时左右按钮可以实现切换
建议，在当前轮播图的div添加类active，设置.active {display：block；}，.ban{display:none;};这样可以通过添加或移除active就可以了；这样以下就比较方便很多，要不然又要做循环，麻烦（swiper插件做轮播效果不错）
$(".left").click(function(){
var $index = $(".ban").hasClass("active").index();//获取当前轮播图的下标
if($index === 0 ) {//当前为第一张轮播图
$(".ban").eq($(".ban").length-1).addClass("active)
.siblings(".ban").removeClass("active");
//这里写成你自动切换的代码，我这里只是一个无动态切换效果的方法
}else {
$(".ban").eq($index-1).addClass("active)
.siblings(".ban").removeClass("active");
})
$(".right").click(function(){
var $index = $(".ban").hasClass("active").index();//获取当前轮播图的下标
if($index === ($(".ban").length-1) ) {//当前为最后一张轮播图
$(".ban").eq($(".ban").length-1).addClass("active)
.siblings(".ban").removeClass("active");
//这里写成你自动切换的代码，我这里只是一个无动态切换效果的方法
}else {
$(".ban").eq($index+1).addClass("active)
.siblings(".ban").removeClass("active");
})
//大体思路是这样了，代码可能有个别字母写得不对，毕竟是手敲的，但是大概思路是这样了
『陆』 怎么用jquery制作无缝轮播
用控件吧，swiper