Hi,
I would like to have about 4 different slide shows in one table on one page. I located the javascript for 1 I just need to add to the code ! I don't know where to start please help me !
Many thanks
S
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>JavaScript Slide Show by Mike McGrath</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<!-- Step 1 : Copy this section and paste between the <HEAD> </HEAD> tags on your page -->
<SCRIPT type="text/javascript">
<!-- Original: Mike McGrath (<!-- e --><a href="mailto:[email protected]">[email protected]</a><!-- e -->) -------------------------------->
<!-- Web Site: <!-- m --><a class="postlink" href="http://website.lineone.net/~mike_mcgrath">http://website.lineone.net/~mike_mcgrath</a><!-- m --> -------------------------------->
<!--
// preloader
var img=new Array();
img[0]=new Image(); img[0].src="java_picts/indexpict02.gif";
img[1]=new Image(); img[1].src="java_picts/indexpict03.gif";
img[2]=new Image(); img[2].src="java_picts/indexpict04.gif";
var interval=3000; // change this value to change the speed, ie: 2000 = 2 seconds between slides
var n=0;
var imgs = new Array("images/index_r3_c3.gif","java_picts/indexpict02.gif","java_picts/indexpict03.gif","java_picts/indexpict04.gif");
function rotate()
{
if(navigator.appName=="Netscape" && document.getElementById)
{
document.getElementById("p").src=imgs[n];
}
else document.images.p.src=imgs[n];
(n==(imgs.length-1))?n=0:n++;
setTimeout("rotate()",interval);
}
// -->
</SCRIPT>
<!-- Change the image filenames ("otis1.jpg", etc) to the names of YOUR image files ----->
<!-- Change the delay figure of 3000 to suit your prefence - 5000 would be 5 seconds. --->
<!-- End of Step 1 ---------------------------------------------------------------------->
</HEAD>
<BODY leftMargin="0" topMargin="0" onload="rotate()" marginwidth="0" marginheight="0">
<table width="790" cellspacing="0" cellpadding="0">
<tr>
<td width="3"> </td>
<td width="204"> </td>
<td width="575"> </td>
<td width="6"> </td>
</tr>
<tr>
<td> </td>
<td><img height=249 alt=Slide src=http://www.webdeveloper.com/forum/archive/index.php/"images/index_r3_c3.gif" width=197 name="p" id="p"></td>
<td><img height=249 alt=Slide src="images/index_r3_c3.gif" width=197 name="p" id="p"></td>
<td> </td>
</tr>
</table>
</BODY></HTML>
I would like to have about 4 different slide shows in one table on one page. I located the javascript for 1 I just need to add to the code ! I don't know where to start please help me !
Many thanks
S
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>JavaScript Slide Show by Mike McGrath</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<!-- Step 1 : Copy this section and paste between the <HEAD> </HEAD> tags on your page -->
<SCRIPT type="text/javascript">
<!-- Original: Mike McGrath (<!-- e --><a href="mailto:[email protected]">[email protected]</a><!-- e -->) -------------------------------->
<!-- Web Site: <!-- m --><a class="postlink" href="http://website.lineone.net/~mike_mcgrath">http://website.lineone.net/~mike_mcgrath</a><!-- m --> -------------------------------->
<!--
// preloader
var img=new Array();
img[0]=new Image(); img[0].src="java_picts/indexpict02.gif";
img[1]=new Image(); img[1].src="java_picts/indexpict03.gif";
img[2]=new Image(); img[2].src="java_picts/indexpict04.gif";
var interval=3000; // change this value to change the speed, ie: 2000 = 2 seconds between slides
var n=0;
var imgs = new Array("images/index_r3_c3.gif","java_picts/indexpict02.gif","java_picts/indexpict03.gif","java_picts/indexpict04.gif");
function rotate()
{
if(navigator.appName=="Netscape" && document.getElementById)
{
document.getElementById("p").src=imgs[n];
}
else document.images.p.src=imgs[n];
(n==(imgs.length-1))?n=0:n++;
setTimeout("rotate()",interval);
}
// -->
</SCRIPT>
<!-- Change the image filenames ("otis1.jpg", etc) to the names of YOUR image files ----->
<!-- Change the delay figure of 3000 to suit your prefence - 5000 would be 5 seconds. --->
<!-- End of Step 1 ---------------------------------------------------------------------->
</HEAD>
<BODY leftMargin="0" topMargin="0" onload="rotate()" marginwidth="0" marginheight="0">
<table width="790" cellspacing="0" cellpadding="0">
<tr>
<td width="3"> </td>
<td width="204"> </td>
<td width="575"> </td>
<td width="6"> </td>
</tr>
<tr>
<td> </td>
<td><img height=249 alt=Slide src=http://www.webdeveloper.com/forum/archive/index.php/"images/index_r3_c3.gif" width=197 name="p" id="p"></td>
<td><img height=249 alt=Slide src="images/index_r3_c3.gif" width=197 name="p" id="p"></td>
<td> </td>
</tr>
</table>
</BODY></HTML>