PDA

Click to See Complete Forum and Search --> : Text in a slideshow?

mixsetup
07-08-2003, 07:10 AM
Hi here is a slideshow script .
Can anyone help me as I would like it to display a text box with a description of each slide. Everytime I have tried I end up getting errors.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<script LANGUAGE="JavaScript">


{
img0 = new Image();
img0.src = "images/logo.gif";

img1 = new Image();
img1.src = "images/cordonmale.jpg";

img2 = new Image();
img2.src = "images/parrot-finch.jpg";

img3 = new Image();
img3.src = "images/canarie.jpg";

img4 = new Image();
img4.src = "images/gouldians.jpg";

img5 = new Image();
img5.src = "images/birdss1.jpg";

img6 = new Image();
img6.src = "images/birdss3.jpg";

img7 = new Image();
img7.src = "images/birdss4.jpg";

img8 = new Image();
img8.src = "images/birdss5.jpg";

img9 = new Image();
img9.src = "images/bourkes.jpg";

img10 = new Image();
img10.src = "images/fosch1.jpg";

img11 = new Image();
img11.src = "images/stars.jpg";

img12 = new Image();
img12.src = "images/bird3.jpg";

img13 = new Image();
img13.src = "images/bengalesenest.jpg";

img14 = new Image();
img14.src = "images/birds2.jpg";

}
function imageChange(imageID,imageName,imageID2,imageName2) {


{
document.images[imageID].src = eval(imageName + ".src");

}

}

</script>

</head>

<body>
<div align="center">
<table align="center" width="658" cellspacing="2" cellpadding="2" border="5">
<tr>
<td><div align="center"><a HREF="http://www.tased.edu.au/tasonlinenw/birds/index.htm" onMouseOver="imageChange('global','img1','one')" onMouseOut="imageChange('global','img0','one')"><img SRC="images/but.gif"alt="cordon Bleu Male" BORDER="0" NAME="one"></a></div></td>
<td rowspan="5" colspan="2"><div align="center"><img SRC="images/logo.gif" alt="logo" NAME="global" WIDTH="200" HEIGHT="200" align="middle" ></div></td>
<td><div align="center"><a HREF="http://www.tased.edu.au/tasonlinenw/birds/index.htm" onMouseOver="imageChange('global','img2','two')" onMouseOut="imageChange('global','img0','one')"><img SRC="images/but.gif" BORDER="0" NAME="two"></a></div></td>
</tr>
<tr>
<td><div align="center"><a HREF="http://www.tased.edu.au/tasonlinenw/birds/index.htm" onMouseOver="imageChange('global','img3','three')" onMouseOut="imageChange('global','img0','one')"><img SRC="images/but.gif" BORDER="0" NAME="two"></a></div></td>
<td><div align="center"><a HREF="http://www.tased.edu.au/tasonlinenw/birds/index.htm" onMouseOver="imageChange('global','img4','four')" onMouseOut="imageChange('global','img0','one')"><img SRC="images/but.gif" BORDER="0" NAME="two"></a></div></td>
</tr>
<tr>
<td><div align="center"><a HREF="http://www.tased.edu.au/tasonlinenw/birds/index.htm" onMouseOver="imageChange('global','img5','five')" onMouseOut="imageChange('global','img0','one')"><img SRC="images/but.gif" BORDER="0" NAME="two"></a></div></td>
<td><div align="center"><a HREF="http://www.tased.edu.au/tasonlinenw/birds/index.htm" onMouseOver="imageChange('global','img6','six')" onMouseOut="imageChange('global','img0','one')"><img SRC="images/but.gif" BORDER="0" NAME="two"></a></div></td>
</tr>
<tr>
<td><div align="center"><a HREF="http://www.tased.edu.au/tasonlinenw/birds/index.htm" onMouseOver="imageChange('global','img7','seven')" onMouseOut="imageChange('global','img0','one')"><img SRC="images/but.gif" BORDER="0" NAME="two"></a></div></td>
<td><div align="center"><a HREF="http://www.tased.edu.au/tasonlinenw/birds/index.htm" onMouseOver="imageChange('global','img8','eight')" onMouseOut="imageChange('global','img0','one')"><img SRC="images/but.gif" BORDER="0" NAME="two"></a></div></td>
</tr>
<tr>
<td><div align="center"><a HREF="http://www.tased.edu.au/tasonlinenw/birds/index.htm" onMouseOver="imageChange('global','img9','nine')" onMouseOut="imageChange('global','img0','one')"><img SRC="images/but.gif" BORDER="0" NAME="two"></a></div></td>
<td><div align="center"><a HREF="http://www.tased.edu.au/tasonlinenw/birds/index.htm" onMouseOver="imageChange('global','img10','ten')" onMouseOut="imageChange('global','img0','one')"><img SRC="images/but.gif" BORDER="0" NAME="two"></a></div></td>
</tr>
<tr>
<td><div align="center"><a HREF="http://www.tased.edu.au/tasonlinenw/birds/index.htm" onMouseOver="imageChange('global','img11','eleven')" onMouseOut="imageChange('global','img0','one')"><img SRC="images/but.gif" BORDER="0" NAME="two"></a></div></td>
<td><div align="center"><a HREF="http://www.tased.edu.au/tasonlinenw/birds/index.htm" onMouseOver="imageChange('global','img12','twelve')" onMouseOut="imageChange('global','img0','one')"><img SRC="images/but.gif" BORDER="0" NAME="two"></a></div></td>
<td><div align="center"><a HREF="http://www.tased.edu.au/tasonlinenw/birds/index.htm" onMouseOver="imageChange('global','img13','thirteen')" onMouseOut="imageChange('global','img0','one')"><img SRC="images/but.gif" BORDER="0" NAME="two"></a></div></td>
<td><div align="center"><a HREF="http://www.tased.edu.au/tasonlinenw/birds/index.htm" onMouseOver="imageChange('global','img14','fourteen')" onMouseOut="imageChange('global','img0','one')"><img SRC="images/but.gif" BORDER="0" NAME="two"></a></div></td>
</tr>
</table>

</div>

</body>
</html>
requestcode
07-08-2003, 07:13 AM
Here is a link to one that might work for you:
http://www.javascriptkit.com/script/script2/pslide2.shtml
mixsetup
07-08-2003, 09:04 PM
Hi thanks for that I have a script that looks like that but inot the text part thanks