Rotating Image with links!

[Vicious Vixen]

So here's the idea:

Every time the page refreshes a new image comes up, and you can attach a link to each individual image. I think Javascript does a thing with arrays that could work, but I'd prefer for the rotation to occur when refreshing a page versus every few seconds. 

I'd prefer this to be workable in a sidebar, so HTML coding for the plug-in would be gorgeous.

If there's already something like this, pleeease throw me a link And I know I'm not very good with wording, so if there's any questions feel free to ask!

The random banner plug-in is veeery similar to what I want, but I need to be able to have different clickable links for each individual image as well, if that makes sense.

[Former Member]

Hi, Vicious Vixen

You could try this below that will show a different image when you visit the page
It was a script I used for this template

Checked Using Browsers Chrome - Firefox - Microsoft Edge - Internet Explorer 11

You can add the direct image Url's and link each image
You can add as many you want
So if want more just add

myimages[6]="Add IMAGE Url Here"
myimages[7]="Add IMAGE Url Here"

With the corresponding Link

imagelinks[6]="Add corresponding  Link Here"
imagelinks[7]="Add corresponding  Link Here"

You can also set the image height and width I have marked in bold width="50" height="50" border=0>


<center><script language="JavaScript">
<!--
/*
Random Image Link Script
By Website Abstraction (http://www.wsabstract.com)
and Java-scripts.net (http://www.java-scripts.net)
*/
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"
myimages[4]="Add IMAGE Url Here"
myimages[5]="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"
imagelinks[4]="Add corresponding Link Here"
imagelinks[5]="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]+'" width="50" height="50" border=0></a>')
}
random_imglink()
//-->
</script></center><br />


Steve
Last Edit: Checked browsers Chrome - Firefox - Internet Explorer 11 - Microsoft Edge

[Vicious Vixen]

@xsteveuk This is amazing!!! Thank you so much! It works beautifully!!