『壹』 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