Rotating Images and Link

[Emerald]

Hey, Proboards! So I have an enquiry, that will probably require some Javascript Anyway, I wanted to have a rotating image and link in my global footer, that changes on page refresh/when a new page is loaded. I know there are rotating image services, but I need a link to change on page load too.

But I can't just have them randomly mix 'n' match; would it be possible for them to be in sets? So only one thing would be randomized, and the correct corresponding image/link would be matched together.

For example:
would be a match.
would be another match.

I refresh the page. The link and image must match one of the above, and not be a combination of the top link and the bottom image, or vice versa.

I'd also prefer it to be easily added to, to add more combinations. It would also be awesome if you could set the probability for an image. I do hope this is possible, and many thanks to anyone who can complete this ^^

[Former Member]

Hi, Emerald

If go Google search there are many free JavaScripts that might have what you are looking for

I found this one that I have used in the past that works well
It will load random images that can be linked
You can also set the height & width of the images displayed

You can see how it works on my test forum tcptestingboard.boards.net/

Tested using latest versions Chrome - Firefox - IE 11
Main Headers - Global Headers

To add more images & links just add more myimages and imagelinks with the corresponding number
Add as many as you wish...

myimages[4]="ADD IMAGE URL HERE"
myimages[5]="ADD IMAGE URL HERE"
myimages[6]="ADD IMAGE URL HERE"

imagelinks[4]="ADD CORRESPONDING LINK"
imagelinks[5]="ADD CORRESPONDING LINK"
magelinks[6]="ADD CORRESPONDING LINK"




<center><script language="JavaScript">
<!--

/*
Free Random Image Link Script- By JavaScript Kit(http://www.javascriptkit.com)
Over 200+ free JavaScripts here!
Updated: 00/04/25
*/

function random_imglink(){
var myimages=new Array()
//specify random images below. You can have as many as you wish
myimages[1]="ADD IMAGE URL HERE"
myimages[2]="ADD IMAGE URL HERE"
myimages[3]="ADD IMAGE URL HERE"


//specify corresponding links below
var imagelinks=new Array()
imagelinks[1]="ADD CORRESPONDING LINK HERE"
imagelinks[2]="ADD CORRESPONDING LINK HERE"
imagelinks[3]="ADD CORRESPONDING LINK HERE"


var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('<a href='+'"'+imagelinks[ry]+'"'+'><img src="'+myimages[ry]+ '" height="50" width="50" border="0" "></a>')
}
random_imglink()
//-->
</script></center><br />
Steve