Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Dec 2004
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Random Linked Image

    ok, i have a code for a random 80x80 image ot appear in a table, but i need it to be a random 80x80 linked image, here is my code at the moment

    The Part That Goes In The Head,
    Code:
    <SCRIPT LANGUAGE="JavaScript">
    
    <!-- Begin
    // Set up the image files to be used.
    var theImages = new Array() // do not change this
    // To add more image files, continue with the
    // pattern below, adding to the array.
    
    theImages[0] =  'images/cars/focus.jpg'
    theImages[1] =  'images/cars/ka.jpg'
    
    // do not edit anything below this line
    
    var j = 0
    var p = theImages.length;
    var preBuffer = new Array()
    for (i = 0; i < p; i++){
       preBuffer[i] = new Image()
       preBuffer[i].src = theImages[i]
    }
    var whichImage = Math.round(Math.random()*(p-1));
    function showImage(){
    document.write('<img src="'+theImages[whichImage]+'">');
    }
    
    //  End -->
    </script>
    And Then The Part That Goes In The Table,
    Code:
    <SCRIPT LANGUAGE="JavaScript">
    
    
    <!-- Begin
    showImage();
    //  End -->
    </script>
    Any Help Would Be VERY VERY Much Appreciated

  • #2
    Banned
    Join Date
    Sep 2003
    Posts
    3,620
    Thanks
    0
    Thanked 0 Times in 0 Posts
    It's already random...
    var whichImage = Math.round(Math.random()*(p-1));

    All you need to do is add more images to the array following the example and the comments regarding images to the array...
    // To add more image files, continue with the
    // pattern below, adding to the array.
    .....Willy

  • #3
    New to the CF scene
    Join Date
    Dec 2004
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    i know its random, but i need the pictures to be links aswell. at the moment they are random pictures, but i want them to be random LINKED pictures

  • #4
    Banned
    Join Date
    Sep 2003
    Posts
    3,620
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Oh, I misread your post and only noticed multiple references to random and missed the lone reference to LINKED which was lost in all the retoric...

    Try using a two demensional array:

    theImages[0] = [ 'images/cars/focus.jpg', 'http://link.html' ];

    And:
    document.write('<a href="'+theImages[whichImage][1]+'"><img src="'+theImages[whichImage][0]+'"></a>');

    .....Willy

    BTW: I question the need to preload all the images in the array when you are only using the one image which will be loaded when the page loads anyway... Seems counter productive in that this will stall the page load while the preload downloads and caches all of these unneeded images...
    Last edited by Willy Duitt; 12-07-2004 at 06:21 PM.


  •  

    Posting Permissions

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