Javascript random image refresh

[jberradesign]

I was wondering if there is a way to use the random image upon refresh, but also apply a rollover to the image and a link?

I have page in which I have 6 images that I want to change when I user hits refresh or visits again . . . but I also need each image to link to a page and when the user rollover the image I need another image to appear.

Is this even possible?

[jimfraser]

it would be easier to do this using php or asp, is that an option?

[jberradesign]

Yep, that is an option, but I have no idea how to apply it. I did find a PHP script online, but it was only for random refresh, not for refresh plus rollover. Do you have any good resources?

[jimfraser]

I'd try something like this:

- create a php array of the html you need to switch
- randomize the array using shuffle
- take the first element of the array and display it

$imageArray = array(
  "<a href='image1link.php'><img src='image1.gif' onmouseover='this.src=\'image1_over.gif\';' onmouseout='this.src=\'image1.gif\';'></a>",
  "<a href='image2link.php'><img src='image2.gif' onmouseover='this.src=\'image2_over.gif\';' onmouseout='this.src=\'image2.gif\';'></a>"
);
shuffle($imageArray);
echo ($imageArray[0]);

Untested and I am not Mr PHP

[jberradesign]

I am not sure what you mean by a PHP array of the html . . . I am definitely not Ms. PHP either . . .

Sorry, I feel like a total ignoramus.