dcsimg
www.webdeveloper.com
Results 1 to 2 of 2

Thread: Random Image problem, would appreciate help!

  1. #1
    Join Date
    Sep 2009
    Posts
    4

    Random Image problem, would appreciate help!

    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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <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

  2. #2
    Join Date
    Sep 2009
    Posts
    4

    Solved

    SOLVED: I had been trying for ages, but it was a stupid mistake- i had .jpg; and it needs to be .jpg

    not sure why it still worked in dreamweaver
    sorry!!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles