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>