html点击小图出现对应的大图,Jquery JS css 高手走过路过来瞅瞅 图片同步轮播 点击小图大图相对应的变化 、只是现在只能放4张图、...

这个我写过，不知道你是否有什么特殊的要求。

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN

html

head

meta http-equiv=Content-Type content=text/html; charset=utf-8

titleinsert /title

script language=javascript

var arr=new Array(img1.jpeg,img2.jpeg,img3.jpeg,img4.jpeg,img5.jpeg,img6.jpeg,img7.jpeg,img8.jpeg,img9.jpeg,img10.jpeg);

var arr1=new Array(img9.jpeg,img1.jpeg,img2.jpeg,img3.jpeg,img4.jpeg,img5.jpeg,img6.jpeg,img7.jpeg,img8.jpeg);

var length=9;

var len=arr.length;

var newarr=new Array();

function roll(){

//var len=arr.length;

if(newarr.length==0){

}else{

arr=newarr;

}

for(var i=0;ilength;i++){

var div=document.getElementById(div+(i+1));

if(i==0){

div.innerHTML=img|i==length-2){

div.innerHTML=img|i==length-3){

div.innerHTML=img|i==length-2){

div.innerHTML=img|i==length-3){

div.innerHTML=img style='width:60px;height:80px'src='+arr[i-1]+' οnclick=''/;

}else if(i!=length-1){

div.innerHTML=img style='width:80px;height:80px'src='+arr[i-1]+' οnclick=''/;

}else if(i==length-1){

div.innerHTML=img style='width:20px;height:80px'src='+arr[i-1]+' οnclick=''/;

}

}

var temp=arr[len-1];

//alert(temp);

arr.pop();

arr.reverse();

arr[len-1]=temp;

newarr=arr.reverse();

/*for(var i=0;inewarr.length;i++){

alert(newarr[i]);

}*/

}

/script

body

table

tr

tddiv id=div1img style=width:20px;height:80pxsrc=img1.jpeg οnclick=//divtd

tddiv id=div2img style=width:40px;height:80pxsrc=img2.jpeg οnclick=//divtd

tddiv id=div3img style=width:60px;height:80pxsrc=img3.jpeg οnclick=//divtd

tddiv id=div4img style=width:80px;height:80pxsrc=img4.jpeg οnclick=//divtd

tddiv id=div5img style=width:80px;height:80pxsrc=img5.jpeg οnclick=//divtd

tddiv id=div6img style=width:80px;height:80pxsrc=img6.jpeg οnclick=//divtd

tddiv id=div7img style=width:60px;height:80pxsrc=img7.jpeg οnclick=//divtd

tddiv id=div8img style=width:40px;height:80pxsrc=img8.jpeg οnclick=//divtd

tddiv id=div9img style=width:20px;height:80pxsrc=img9.jpeg οnclick=//divtd

/tr

tr

td colspan=4 align=leftinput type=buttonvalue=next οnclick=roll()//td

td colspan=5align=rightinput type=buttonvalue=previous οnclick=rollBack()//td

tr

/table

/body

/html

这个需要有相应的图片。

取消

评论