Button selector
<script language=”JavaScript”>
<!–
/* define image width and height */
var pic_width=100;
var pic_height=100;
/* define text to show on button */
button_text=”Next”;
/* define image urls */
if (document.images)
{
pic1= new Image(pic_width,pic_height);
pic1.src=”monday.gif”;
pic2= new Image(pic_width,pic_height);
pic2.src=”tuesday.gif”;
pic3= new Image(pic_width,pic_height);
pic3.src=”wednesday.gif”;
pic4= new Image(pic_width,pic_height);
pic4.src=”thursday.gif”;
pic5= new Image(pic_width,pic_height);
pic5.src=”friday.gif”;
}
var pics= new Array(5)
pics[0]=pic1.src;
pics[1]=pic2.src;
pics[2]=pic3.src;
pics[3]=pic4.src;
pics[4]=pic5.src;
var numpics=5;
var thenum=0;
imgName=”img1″;
function change_it()
{
if (document.images)
{
document.write(”<IMG SRC=’”+pics[thenum]+”‘ border=’0′ width=’”+pic_width+”‘ height=’”+pic_height+”‘ name=’img1′>\n”);
document.write(”<BR><FORM><INPUT TYPE=’button’ value=’”+button_text+”‘ onClick=’change_it2()’></FORM>”);
}
}
function change_it2()
{
var x=0;
thenum+=1;
if (thenum>numpics-1)
{
document[imgName].src=pics[0];
thenum=0;
}
else
{
document[imgName].src=pics[thenum];
x+=1;
}
}
//–>
</script>
<SCRIPT language=”JavaScript”>
<!–
change_it()
//–>
</SCRIPT>
No related posts.
Related posts brought to you by Yet Another Related Posts Plugin.
Tags: Images
