jq如何實現輪播圖的無縫切換

Ⅰ 奼傞棶澶х html5鎬庝箞璁╁嚑寮犲浘鐗囧湪涓涓浣嶇疆鏉ュ洖縐誨姩鍛 榧犳爣縐誨埌鏌愪竴寮犲浘鐗囦笂灝卞仠姝㈢Щ鍔

鐩存帴鎼滅儲涓媕s杞鎾錛宩q杞鎾銆
鍏堝畾浣嶅浘鐗-->瀹氭椂鍥劇墖鍒囨崲-->鍔犱笂鎸夐挳鎵ц岀偣鍑誨垏鎹-->榧犳爣縐誨叆鍥劇墖鑼冨洿鏃跺仠姝㈠垏鎹錛岀誨紑鏃舵帴鐫鍒囨崲

Ⅱ 關於jquery輪播的問題，如何通過1234標號來控制輪播

那個啥。不要用index綁定。就跟排隊一樣不斷從隊首往隊尾移動就可以了。右移相反的過程。如果綁定index計算量過大。

Ⅲ 網頁圖片輪播 如何 用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>