Menu
Ok, I am completely new to all web design etc. and I have just finished my site and got i registered with a domain etc. It all worked perfectly in dreamweaver and in safari, firefox when I tested it. However the one of the pages has a code for a random image generator in it and this doesn’t seem to work when I access the page online (in safari or firefox). It just comes up with the no image icon. I have no idea why. Here is the script I’m using:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “
<html xmlns=”
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>Alex Board Photography</title>
<link href=”abp.css” rel=”stylesheet” type=”text/css” />
</head>
<body>
<div id=”container”>
<div id=”banner”></div>
<div id=”main”>
<div align=”center”>
<script type=”text/javascript”><!–
var img = new Array();
// Add links to the pictures here, duplicate a line and add between the double-quotes
img.push(“Images/front/fionn.jpg;”);
img.push(“Images/front/boats.jpg;”);
img.push(“Images/front/boat.jpg;”);
img.push(“Images/front/chris.jpg;”);
img.push(“Images/front/dave.jpg;”);
img.push(“Images/front/james.jpg;”);
img.push(“Images/front/johno.jpg;”);
img.push(“Images/front/james.jpg;”);
img.push(“Images/front/mraz.jpg;”);
img.push(“Images/front/ocean.jpg;”);
img.push(“Images/front/rowlands.jpg;”);
img.push(“Images/front/surf.jpg;”);
img.push(“Images/front/tom.jpg;”);
img.push(“Images/front/yesyesyes.jpg;”);
// How many random pictures you want to display
var num = 1;
// The part where the images are randomed and printed to screen
for(i=0;i<num;i++) {
rand = Math.floor(Math.random()*img.length);
document.write(“<img src=”” + img[rand] + “” />”);
}
//–></script>
</div>
</div>
<div id=”signature”>
<p align=”center”>
<a href=”main.html” target=”_self”> <img src=”Images/frontSignature.jpg” alt=”signature” name=”sig” border=”0″ align=”absmiddle”/></a></p>
</div>
</div>
</body>
Please bear in mind I am a complete beginner!
Thanks
Alex