Shipscript's Simple Slide Show Scripts for eBay

Simple Slide Shows for eBay

Need a small animation script to display your photos in a slideshow?
Here are 14 simple javascript codes to automatically flip through
your list of photos for a more interesting and dynamic user interface. Fade...Slide...Flip...Shrink...Scroll...and more...

Enter your list of image codes or plain URLs, or use our samples.
All photos must be the same size and shape.

Choose a slideshow method 0

• Use only one slideshow per page. Multiples will interfere with each other.
• The photos used in the slideshow should not exceed about 70Kb each, otherwise they may take too long to load and the slideshow may not run.

<script>
function SlideSetup(rep){
var el=document.getElementById('imageSlideShow');
ims=el.getElementsByTagName('IMG');
if (ims[0].offsetWidth<50 && rep<10){rep++;
setTimeout('SlideSetup('+rep+')',200);return}
var imgList=[];
el.style.width=ims[0].offsetWidth+'px'; 
el.style.height=ims[0].offsetHeight+'px';
for (var i=0; i<ims.length; i++){
imgList.push(ims[i].src)} el.innerHTML=''
+'<img src="'+imgList[0]+'" id="bigpic0" '
+'style="position:relative; left:0px; top:0px; '
+'opacity:1; filter:alpha(opacity=100)" >'
+'<img src="'+imgList[1]+'" id="bigpic1" '
+'style="position:absolute;left:0px; top:0px; '
+'opacity:0; filter:alpha(opacity=0)" >';
doSlideShow=(function(k){
var el0=document.getElementById('bigpic0');
var el1=document.getElementById('bigpic1');
var j=(k+1)%imgList.length; el0.src=imgList[k]; 
el1.src=imgList[j]; transitions(0); 
setTimeout("doSlideShow("+j+")",4000);});
transitions=(function (amt){
if (amt>=100){return}
el0=document.getElementById('bigpic0');
el1=document.getElementById('bigpic1');
amt+=10; op0=100-amt; op1=amt;
el0.style.opacity=op0/100; /*opt fade*/
el0.style.filter='alpha(opacity='+op0+')';
el1.style.opacity=op1/100;
el1.style.filter='alpha(opacity='+op1+')';
setTimeout('transitions('+amt+')',50);});
doSlideShow(imgList.length-1);}
SlideSetup(0);
</script>

<script>
function SlideSetup(rep){
var el=document.getElementById('imageSlideShow');
ims=el.getElementsByTagName('IMG');
if (ims[0].offsetWidth<50 && rep<10){rep++;
setTimeout('SlideSetup('+rep+')',200);return}
var imgList=[];
for (var i=0; i<ims.length; i++){
imgList.push(ims[i].src)} el.innerHTML=''
+'<div style="position:relative; overflow:hidden; '
+'width:'+ims[0].offsetWidth+'px; '
+'height:'+ims[0].offsetHeight+'px; ">'
+'<img src="'+imgList[1]+'" id="SssPic1" '
+'style="position:absolute; left:0%; top:0%;">'
+'<img src="'+imgList[0]+'" id="SssPic0" '
+'style="position:absolute; left:0%; top:0%;">'
+'</div>'; 
doSlideShow=(function (k){
var el0=document.getElementById('SssPic0');
var el1=document.getElementById('SssPic1');
var j=(k+1)%imgList.length; el0.src=imgList[k]; 
el1.src=imgList[j]; transitions(0);
setTimeout("doSlideShow("+j+")",4000);}); 
transitions=(function (amt){
if (amt>=100){return}
var el0=document.getElementById('SssPic0');
amt+=5; el0.style.left=amt+'%';
setTimeout('transitions('+amt+')',30);});
setTimeout("doSlideShow(0)",2000);
}SlideSetup(0);
</script>

<script>
function SlideSetup(rep){
var el=document.getElementById('imageSlideShow');
ims=el.getElementsByTagName('IMG');
if (ims[0].offsetWidth<50 && rep<10){rep++;
setTimeout('SlideSetup('+rep+')',200);return}
var imgList=[];
for (var i=0; i<ims.length; i++){
imgList.push(ims[i].src)} el.innerHTML=''
+'<div style="position:relative; '
+'-webkit-box-shadow:4px -2px 8px -2px #555;'
+'box-shadow:4px -2px 8px -2px #555;'
+'width:'+ims[0].offsetWidth+'px; '
+'height:'+ims[0].offsetHeight+'px;">'
+'<img src="'+imgList[0]+'" id="SssPic1" '
+'style="position:absolute;left:0px; bottom:0px; '
+'width:100%; height:100% ; " >'
+'<img src="'+imgList[imgList.length-1]+'" id="SssPic0" '
+'style="position:absolute; left:0px; bottom:0px; '
+'-webkit-box-shadow:3px 3px 5px 0px #222;'
+'box-shadow:3px 3px 5px 0px #222;'
+'width:100%; background:#444;" >'
+'</div>';
doSlideShow=(function(k){
var el0=document.getElementById('SssPic0');
var el1=document.getElementById('SssPic1');
var j=(k+1)%imgList.length; el0.src=imgList[k]; 
el1.src=imgList[j]; transitions(0); 
setTimeout("doSlideShow("+j+")",4000);});
transitions=(function(amt){
if (amt>=100){return} amt+=2; 
var el0=document.getElementById('SssPic0');
el0.style.width=(100-amt)+'%';
el0.style.opacity=(100-amt)*.015;
setTimeout('transitions('+amt+')',30);});
doSlideShow(imgList.length-1);}
SlideSetup(0);
</script>

<script>
function SlideSetup(rep){
var el=document.getElementById('imageSlideShow');
ims=el.getElementsByTagName('IMG');
if (ims[0].offsetWidth<50 && rep<10){rep++;
setTimeout('SlideSetup('+rep+')',200);return}
var imgList=[];
for (var i=0; i<ims.length; i++){
imgList.push(ims[i].src)} el.innerHTML=''
+'<div style="position:relative; -webkit-'
+'box-shadow:4px 4px 8px -2px rgba(0,0,0,.7);'
+'box-shadow:4px 4px 8px -2px rgba(0,0,0,.7);'
+'width:'+ims[0].offsetWidth+'px; '
+'height:'+ims[0].offsetHeight+'px;">'
+'<img src="'+imgList[0]+'" id="SssPic0" '
+'style="position:absolute;left:0px; top:0px; '
+'width:100%; height:100% ; " >'
+'<img src="'+imgList[1]+'" id="SssPic1" '
+'style="position:absolute; left:50%; top:50%; '
+'width:0%; background:#444;" >'
+'</div>';
doSlideShow=(function(k){
var el0=document.getElementById('SssPic0');
var el1=document.getElementById('SssPic1');
var j=(k+1)%imgList.length; el0.src=imgList[k]; 
el1.src=imgList[j]; transitions(100); 
setTimeout("doSlideShow("+j+")",4000);});
transitions=(function(amt){
if (amt<=0){return} amt-=2; 
var el1=document.getElementById('SssPic1');
el1.style.width=(100-amt)+'%';
el1.style.left=amt/2+'%';
el1.style.top=amt/2+'%';
el1.style.opacity=(100-amt)*.01;
setTimeout('transitions('+amt+')',30);});
doSlideShow(imgList.length-1);}
SlideSetup(0);
</script>

<script>
function SlideSetup(rep){
var el=document.getElementById('imageSlideShow');
ims=el.getElementsByTagName('IMG');
if (ims[0].offsetWidth<50 && rep<10){rep++;
setTimeout('SlideSetup('+rep+')',200);return}
var imgList=[];
for (var i=0; i<ims.length; i++){
imgList.push(ims[i].src)} el.innerHTML=''
+'<div style="position:relative; overflow:hidden; '
+'left:0%; top:0%; width:'+ims[0].offsetWidth+'px; '
+'height:'+ims[0].offsetHeight+'px; ">'
+'<img src="'+imgList[1]+'" id="SssPic1" '
+'style="position:absolute; left:0%; top:0%;">'
+'<div style="position:absolute; overflow:hidden;'
+'left:0%; top:0%; width:100%; height:100%; ">'
+'<img src="'+imgList[0]+'" id="SssPic0" '
+'style="position:absolute; left:0%; top:0%;">'
+'<div style="position:absolute; right:0px; width:1px;'
+' height:100%; background:white; "></div>'
+'</div></div>'; 
doSlideShow=(function(k){
var el0=document.getElementById('SssPic0');
var el1=document.getElementById('SssPic1');
var j=(k+1)%imgList.length; el0.src=imgList[k]; 
el1.src=imgList[j]; transitions(100); 
setTimeout("doSlideShow("+j+")",4000);});
transitions=(function (amt){if (amt<0){return}
var el0=document.getElementById('SssPic0').parentNode;
el0.style.width=amt+'%'; amt-=2;
setTimeout('transitions('+amt+')',30);});
setTimeout("doSlideShow(0)",2000);}
SlideSetup(0);
</script>

<script>
function SlideSetup(rep){
var el=document.getElementById('imageSlideShow');
ims=el.getElementsByTagName('IMG');
if (ims[0].offsetWidth<50 && rep<10){rep++;
setTimeout('SlideSetup('+rep+')',200);return}
var imgList=[];
for (var i=0; i<ims.length; i++){
imgList.push(ims[i].src)} el.innerHTML=''
+'<div style="position:relative; overflow:hidden;'
+'width:'+ims[0].offsetWidth+'px; '
+'height:'+ims[0].offsetHeight+'px; ">'
+'<img src="'+imgList[1]+'" id="SssPic1" '
+'style="position:absolute; right:0%; top:0%;">'
+'<img src="'+imgList[0]+'" id="SssPic0" '
+'style="position:absolute; left:0%; top:0%;">'
+'</div>'; doSlideShow=(function(k){
var el0=document.getElementById('SssPic0');
var el1=document.getElementById('SssPic1');
var j=(k+1)%imgList.length;el0.src=imgList[k]; 
el1.src=imgList[j];transitions(0); 
setTimeout("doSlideShow("+j+")",4000);});
transitions=(function(amt){
if (amt>=100){return}
var el0=document.getElementById('SssPic0');
var el1=document.getElementById('SssPic1');
amt+=5; el0.style.left=amt+'%';
el1.style.right=(100-amt)+'%';
setTimeout('transitions('+amt+')',30);});
setTimeout("doSlideShow(0)",2000);}
SlideSetup(0);
</script>

<script>
function SlideSetup(rep){
var el=document.getElementById('imageSlideShow');
ims=el.getElementsByTagName('IMG');
if (ims[0].offsetWidth<50 && rep<10){rep++;
setTimeout('SlideSetup('+rep+')',200);return}
var imgList=[];
for (var i=0; i<ims.length; i++){
imgList.push(ims[i].src)} el.innerHTML=''
+'<div style="position:relative; overflow:hidden;'
+'-webkit-box-shadow:2px 8px 8px 0px #555;'
+'box-shadow:2px 8px 8px 0px #555;'
+'width:'+ims[0].offsetWidth+'px; '
+'height:'+ims[0].offsetHeight+'px;">'
+'<img src="'+imgList[0]+'" id="SssPic1" '
+'style="position:absolute;right:0px; bottom:0px; '
+'width:100%; height:100% ; " >'
+'<img src="'+imgList[imgList.length-1]+'" '
+'id="SssPic0" style="position:absolute; left:0px; '
+'border-right:1px solid silver;width:100%; '
+'bottom:0px; height:100%; background:#444;' 
+'-webkit-box-shadow:8px 0px 8px 0px #111; '
+'box-shadow:8px 0px 8px 0px #111;" ></div>';
doSlideShow=(function(k){
var el0=document.getElementById('SssPic0');
var el1=document.getElementById('SssPic1');
var j=(k+1)%imgList.length; el0.src=imgList[k]; 
el1.src=imgList[j]; transitions(0); 
setTimeout("doSlideShow("+j+")",4000);});
transitions=(function (amt){
if (amt>=100){return} amt+=2; 
var el0=document.getElementById('SssPic0');
el0.style.width=(100-amt)+'%';
el0.style.webkitBoxShadow=(100-amt)
+'px 0px 40px 0px rgba(0,0,0,.7)';
el0.style.boxShadow='50px 0px 100px '
+(100-amt)*.5+'px rgba(0,0,0,.7)';
setTimeout('transitions('+amt+')',30);});
doSlideShow(imgList.length-1);}
SlideSetup(0);
</script>

<script>
function SlideSetup(rep){
var el=document.getElementById('imageSlideShow');
ims=el.getElementsByTagName('IMG');
if (ims[0].offsetWidth<50 && rep<10){rep++;
setTimeout('SlideSetup('+rep+')',200);return}
var imgList=[];
for (var i=0; i<ims.length; i++){
imgList.push(ims[i].src)} el.innerHTML=''
+'<div style="position:relative; overflow:hidden;'
+'width:'+ims[0].offsetWidth+'px; '
+'height:'+ims[0].offsetHeight+'px; ">'
+'<img src="'+imgList[1]+'" id="SssPic1" '
+'style="position:absolute; left:0%; top:0%;">'
+'<img src="'+imgList[0]+'" id="SssPic0" '
+'style="position:absolute; left:0%; top:0%;">'
+'</div>'; doSlideShow=(function(k){
var el0=document.getElementById('SssPic0');
var el1=document.getElementById('SssPic1');
var j=(k+1)%imgList.length; el0.src=imgList[k]; 
el1.src=imgList[j]; transitions(0); 
setTimeout("doSlideShow("+j+")",4000);});
transitions=(function(amt){
if (amt>=100){return}
var el0=document.getElementById('SssPic0');
amt+=5; el0.style.left=amt+'%';
el0.style.top=amt+'%';
setTimeout('transitions('+amt+')',30);});
setTimeout("doSlideShow(0)",2000);}
SlideSetup(0);
</script>

<script>
function SlideSetup(rep){
var el=document.getElementById('imageSlideShow');
ims=el.getElementsByTagName('IMG');
if (ims[0].offsetWidth<50 && rep<10){rep++;
setTimeout('SlideSetup('+rep+')',200);return}
var imgList=[];
for (var i=0; i<ims.length; i++){
imgList.push(ims[i].src)} el.innerHTML=''
+'<div style="position:relative; '
+'-webkit-box-shadow:0px 8px 8px 0px #555;'
+'box-shadow:0px 8px 8px 0px #555;'
+'width:'+ims[0].offsetWidth+'px; '
+'height:'+ims[0].offsetHeight+'px;">'
+'<img src="'+imgList[imgList.length-1]+'" '
+'id="SssPic0" style="position:absolute; bottom:0px;'
+'right:0px; width:100%;height:100%; background:#444;">'
+'<img src="'+imgList[0]+'" id="SssPic1" '
+'style="position:relative; left:0px; top:0px; '
+'width:100%; height:100% ;" ></div>';
doSlideShow=(function(k){
var el0=document.getElementById('SssPic0');
var el1=document.getElementById('SssPic1');
var j=(k+1)%imgList.length; el0.src=imgList[k]; 
el1.src=imgList[j]; transitions(0); 
setTimeout("doSlideShow("+j+")",4000);});
transitions=(function(amt){
if (amt>=100){return} amt+=5; 
var el0=document.getElementById('SssPic0');
var el1=document.getElementById('SssPic1');
if (el0.offsetWidth>el0.offsetHeight){
el0.style.height=(100-amt)+'%';
el1.style.height=(amt)+'%';}else{
el0.style.width=(100-amt)+'%';
el1.style.width=amt+'%';}
setTimeout('transitions('+amt+')',50);});
doSlideShow(imgList.length-1);}
SlideSetup(0);
</script>

<script>
function SlideSetup(rep){
$$s=(function(v){return document.getElementById(v)});
var el=$$s('imageSlideShow'),
ims=el.getElementsByTagName('IMG');
if (ims[0].offsetWidth<50 && rep<10){rep++;
setTimeout('SlideSetup('+rep+')',200);return}
var imgList=[],
im='<img src="', dv='<div', dz='</div>', 
pa=' style="position:absolute;top:0%;', lt='left:0%;', 
rt='right:0%;', lh='left:50%;', rh='right:50%;', 
ht='height:100%;', ov='overflow:hidden;', 
sh1='<div '+pa+ht+'width:1px;background:#333; ',
sh2='box-shadow:', sh3='5px 0px 20px 6px #111;';       
for (var i=0; i<ims.length; i++){
imgList.push(ims[i].src)} 
$$s('imageSlideShow').innerHTML= dv+pa+lt+ov
+'-webkit-'+sh2+'2px 5px 5px 0px #333;'+sh2
+'2px 5px 5px 0px #333;position:relative;'
+'width:'+ims[0].offsetWidth*2+'px; '
+'height:'+ims[0].offsetHeight+'px;">'
+im+imgList[0]+'" id="SssPic0"' +pa+lt+'">'
+im+imgList[3]+'" id="SssPic3"' +pa+rt+'">'
+sh1+'left:50%; -webkit-'+sh2+'-'+sh3+sh2+'-'+sh3+'">'+dz
+sh1+'right:50%; -webkit-'+sh2+' '+sh3+sh2+' '+sh3+'">'+dz
+dv+pa+lh+ht+ov+'width:100%; '
+'-webkit-box-shadow:10px 0px 15px 0px #222;'
+'box-shadow:10px 0px 15px 0px #222;">'
+im+imgList[1]+'" id="SssPic1"' +pa+lt+'">'
+sh1+'left:0%; -webkit-'+sh2+' '+sh3+sh2+' '+sh3+'">'+dz+dz
+dv+pa+rh+ht+ov+'width:0%; ">'
+im+imgList[2]+'" id="SssPic2"' +pa+lt+'">'
+sh1+'right:0%; -webkit-'+sh2+'-'+sh3+sh2+'-'+sh3+'">'+dz+dz +dz; 
SlideShowAction=(function(num,amt){
if (amt<=100){
$$s('SssPic1').parentNode.style.width=((100-amt)/2)+'%'; 
$$s('SssPic2').parentNode.style.width=amt/2+'%';  
$$s('SssPic2').parentNode.style.right=amt/2+'%'; 
setTimeout('SlideShowAction('+num+','+(amt+2)+')',40);
}else{var len=imgList.length;
$$s('SssPic0').src=imgList[(num+0)%len]; 
$$s('SssPic1').src=imgList[(num+1)%len];
$$s('SssPic2').src=imgList[(num+2)%len]; 
$$s('SssPic3').src=imgList[(num+3)%len];
$$s('SssPic1').parentNode.style.width=((100-0)/2)+'%'; 
$$s('SssPic2').parentNode.style.width=0/2+'%';  
$$s('SssPic2').parentNode.style.right=0/2+'%'; 
setTimeout('SlideShowAction('+(num+2)+',0)',2000);
}});setTimeout('SlideShowAction(2,0)',2000);}
SlideSetup(0);
</script>

<script>
function SlideSetup(rep){
$$s=(function(v){return document.getElementById(v)});
var el=$$s('imageSlideShow'),
ims=el.getElementsByTagName('IMG');
if (ims[0].offsetWidth<50 && rep<10){rep++;
setTimeout('SlideSetup('+rep+')',200);return}
var imgList=[],im='<img src="', dv='<div', dz='</div>', 
pa=' style="position:absolute;left:0%;', tp='top:0%;', 
bt='bottom:0%;', th='top:50%;', bh='bottom:50%;', 
wd='width:100%;', ov='overflow:hidden;', 
sh1='<div '+pa+wd+'height:1px;font-size:1px; line-height:1px;background:#333; ',
sh2='box-shadow:', sh3='0px 5px 20px 6px #111;';       
for (var i=0; i<ims.length; i++){
imgList.push(ims[i].src)} 
$$s('imageSlideShow').innerHTML= dv+pa+tp+ov
+'-webkit-'+sh2+'5px 2px 5px 0px #333;'+sh2
+'2px 5px 5px 0px #333;position:relative;'
+'width:'+ims[0].offsetWidth+'px; '
+'height:'+ims[0].offsetHeight*2+'px;">'
+im+imgList[0]+'" id="SssPic0"' +pa+tp+'">'
+im+imgList[3]+'" id="SssPic3"' +pa+bt+'">'
+sh1+'top:50%; -webkit-'+sh2+'-'+sh3+sh2+'-'+sh3+'">'+dz
+sh1+'bottom:50%; -webkit-'+sh2+' '+sh3+sh2+' '+sh3+'">'+dz
+dv+pa+th+wd+ov+'height:100%; '
+'-webkit-box-shadow:10px 0px 15px 0px #222;'
+'box-shadow:10px 0px 15px 0px #222;">'
+im+imgList[1]+'" id="SssPic1"' +pa+tp+'">'
+sh1+'top:0%; -webkit-'+sh2+' '+sh3+sh2+' '+sh3+'">'+dz+dz
+dv+pa+bh+wd+ov+'height:0%; ">'
+im+imgList[2]+'" id="SssPic2"' +pa+tp+'">'
+sh1+'bottom:0%; -webkit-'+sh2+'-'+sh3+sh2+'-'+sh3+'">'+dz+dz +dz; 
SlideShowAction=(function(num,amt){
if (amt<=100){
$$s('SssPic1').parentNode.style.height=((100-amt)/2)+'%'; 
$$s('SssPic2').parentNode.style.height=amt/2+'%';  
$$s('SssPic2').parentNode.style.bottom=amt/2+'%'; 
setTimeout('SlideShowAction('+num+','+(amt+2)+')',40);
}else{var len=imgList.length;
$$s('SssPic0').src=imgList[(num+0)%len]; 
$$s('SssPic1').src=imgList[(num+1)%len];
$$s('SssPic2').src=imgList[(num+2)%len]; 
$$s('SssPic3').src=imgList[(num+3)%len];
$$s('SssPic1').parentNode.style.height=((100-0)/2)+'%'; 
$$s('SssPic2').parentNode.style.height=0/2+'%';  
$$s('SssPic2').parentNode.style.bottom=0/2+'%'; 
setTimeout('SlideShowAction('+(num+2)+',0)',2000);
}});setTimeout('SlideShowAction(2,0)',2000);}
SlideSetup(0);
</script>

<script>
function SlideSetup(rep){
var el=document.getElementById('imageSlideShow');
ims=el.getElementsByTagName('IMG');
if (ims[0].offsetWidth<50 && rep<10){rep++;
setTimeout('SlideSetup('+rep+')',200);return}
var imgList=[];
var SssTimeout;
for (var i=0; i<ims.length; i++){
imgList.push(ims[i].src)}
var w=ims[0].offsetWidth; var gal=''
+'<img src="'+imgList[0]+'" id="bigpic" '
+'style="margin-bottom:2px;">'
+'<div style="width:'+w+'px; '
+'line-height:1px; ">';
var row=Math.ceil(ims.length/8);
for (var i=0; i<imgList.length; i++){
var br=''; if ((i%row+8)==row){br='<br>'}
gal+='<img id="SssThm'+i+'" src="'+imgList[i]+'" '
+'onclick="doSlideShow('+i+')" style="width:'
+(Math.floor(w/Math.ceil(imgList.length/row))-4)
+'px; margin:1px; border:1px solid white;">'
+br} gal+='</div>'; el.innerHTML=gal; 
doSlideShow=(function(k){
clearTimeout(SssTimeout);
var el=document.getElementById('bigpic');
el.src=imgList[k];
for (var i=0; i<imgList.length; i++){
document.getElementById('SssThm'+i)
.style.borderColor='white';}
document.getElementById('SssThm'+k)
.style.borderColor='red';
k=(k+1)%imgList.length; SssTimeout=
setTimeout("doSlideShow("+k+")",3000);
});doSlideShow(0);}
SlideSetup(0);
</script>

<script>
function SlideSetup(rep){
var el=document.getElementById('imageSlideShow');
ims=el.getElementsByTagName('IMG');
if (ims[0].offsetWidth<50 && rep<10){rep++;
setTimeout('SlideSetup('+rep+')',200);return}
var imgList=[];var SssTimeout;
for (var i=0; i<ims.length; i++){
imgList.push(ims[i].src)} 
var col=Math.ceil(ims.length/8), 
h=ims[0].offsetHeight,w=ims[0].offsetWidth,
th=(Math.floor(h/Math.ceil(ims.length/col))-4),
w=col*(th+4) * (w/h), gal='<table><tbody><tr>'
+'<td align=center valign=middle ><img src="'
+imgList[0]+'" id="bigpic" ></td>'
+'<td style="width:'+w+'px;">';
for (var i=0; i<imgList.length; i++){ gal+=
'<img id="SssThm'+i+'" src="'+imgList[i]+'" '
+'onclick="doSlideShow('+i+')" style="height:'
+th+'px; float:left; margin:1px; '
+'border:1px solid white;">'} 
gal+='</td></tr></tbody></table>'; 
el.innerHTML=gal; 
doSlideShow=(function(k){
clearTimeout(SssTimeout);
var el=document.getElementById('bigpic');
el.src=imgList[k];
for (var i=0; i<imgList.length; i++){
document.getElementById('SssThm'+i)
.style.borderColor='white';}
document.getElementById('SssThm'+k)
.style.borderColor='red';
k=(k+1)%imgList.length; SssTimeout=
setTimeout("doSlideShow("+k+")",3000);
});doSlideShow(0);}
SlideSetup(0);
</script>