Forum Moderators: open
Here's the script:
<script language="JavaScript" type="text/javascript"> <!-- function random_img(){ var ranimage = new Array(); ranimage[1] = "photo1.jpg"; ranimage[2] = "photo2.jpg"; ranimage[3] = "photo3.jpg"; var ry = Math.floor(Math.random()*ranimage.length) if (ry==0) ry=1 document.write('<img src="'+ranimage[ry]+'" border=1>'); } random_img(); // --> </script>
So that display a random image. Now, say photo1.jpg is displayed - I would also like a caption for that photo to show up below the photo.
How do I amend the js so that I can do this?
Thanks for any help!
<script language="JavaScript" type="text/javascript"> <!--
function random_img(){
var ranimage = new Array();
ranimage[1] = "photo1.jpg";
ranimage[2] = "photo2.jpg";
ranimage[3] = "photo3.jpg";
[red] captions = ['caption 1','caption2','caption3'];[/red]
var ry = Math.floor(Math.random()*ranimage.length);
if (ry==0) ry=1; document.write('<img src="'+ranimage[ry]+'" border=1>'[red]+'<br>'+captions[ry][/red]);
}
random_img();
// --> </script> -------------------------------------
I haven't tested this, but if it doesn't work, it should be pretty close and need just a little tweaking.