How to create a banner that loads different images with each page refresh.

[Katie McKay]

I found this code somewhere, sorry I don't remember where, but it works great for a rotating banner.  

 

Attached is code from MY site, please replace the the GirlRiders addresses, images and alt text with your own.  Then paste in a text box on your ning site.

 

You need to setup your images the exact size you want and store them somewhere so you can add the href address to the code.

Copy the line of code down and change the info for however many images you want in rotation.

 

 

See it in action here:  http://GirlRiders.ning.com  Its the top center text box. Hit refresh to see it change.  I plan to add more images when I have time to make them.

 

ENJOY :)

 

 

<SCRIPT LANGUAGE="Javascript">
function banner() { } ; b = new banner() ; n = 0
b[n++]= "<A HREF='http://girlriders.ning.com/page/the-one-stop-shop-support'><IMG name=randimg SRC='http://girlriders.net/banner/shop-sm.png' border='0' ALT='GirlRiders One Stop Shop'></A>"
b[n++]= "<A HREF='http://girlriders.ning.com/events'><IMG name=randimg SRC='http://girlriders.net/banner/events-sm.png' border='0' ALT='GirlRiders Join an Event or Plan your Own'></A>"
b[n++]= "<A HREF='http://girlriders.ning.com/forum'><IMG name=randimg SRC='http://girlriders.net/banner/discussion-sm.png' border='0' ALT='GirlRiders Discuss anything in the Forums'></A>"
i=Math.floor(Math.random() * n) ;
document.write( b[i] )
</SCRIPT>

 

[Katie McKay]

Kris posted code for that one here:
http://creators.ning.com/forum/topics/simple-plug-n-play-content

[MAXX]

I finally found this script generator which will allow your banners to rotate either on a timed basis or upon page refresh. This is the perfect solution:

http://www.htmlbasix.com/banner.shtml

You can see it in action on my site: www.mycoachbook.com

[Star-Dust]

Thank you, Nice of you to post it here for everyone.

[Katie McKay]

What is the benefit of this over what I have posted?

[MAXX]

For one, you can select it to rotate the banners without refreshing the page........

[Katie McKay]

Yea, the one that Kris posted (linked in above reply) does that. I guess I just prefer to use the code without putting my info on another site, glad you found one that works for you. Your site looks good!

[MAXX]

Thanks! Kris's did not work on my site, so I had to find something else. Found some fancier downloads I liked, but couldn't figure how to load the JS to the text box

[Possibility]

Thanks Katie

Brilliant piece of code and very easy to implement.

[Kresla]

Hey Katie... you´ve got a pretty impressive site... and I love girl riders, btw :)

I have two humble questions:
- How did you do the scrollbar thing in the latest activitiy on home page?
- How did you do a rounded corners of modules (does it work in all browsers?

Love it, big ups...
Mike

[Katie McKay]

Thanks Kresla!

I must admit I didn't come up with the codes on my own - just know where to look. JenSocial is a great resource, that's where I found the scrolling activity code. http://jensocial.com/group/ningnetworktips/forum/topics/scroll-bar-...

As for the rounded corners, I didn't know I had them!!!! They are are square in IE, what browser are you using?

[Jen]

Nice one Katie!