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>

 

[Eric Suesz]

Hey, thanks for sharing. I'd be interested to hear if anyone else implements this or something similar.

[MAXX]

yes, check the other thread

[Badboyralphy]

Check this out. Minds-Eye

[Katie McKay]

There are other options where you go to a website and give them your info and they create the code for you. But this one gives you more control and doesn't hide anything in there that you wouldn't want.

[Alexander Molina]

Thanks,
Look very good, but I can't get the code.
How can I get the code?

[Katie McKay]

Save the attachment to your computer than use a text or html editor to open and modify.

[Star-Dust]

All l get is the image and no codes.

[Katie McKay]

See my response above your comment.
I just added the code to the post, but you probably want to save the file and edit, not copy paste.

[Karren Haller]

I would be interested in finding the code for the horizontal viewer that many of the nings are using on their front page highlighting areas of the ning, and can even have a link to a page or group.

The one I am looking for is similar to the one ning is using on the front page here. Or it can be used to post banners that will move left to right and then back, these do not loop.

Anyone have an idea on how this is done and the code used? Thanks

[Karren Haller]

Here an example: http://www.mombloggersclub.com/

[Karren Haller]

Hi Jaap, unfortunatley that is not my site, it is one Im using as an example, for what I am looking for the way they put the banner that scrolls. Mine is http://livelaughandlovetoshop.ning.com and I'm in the process of making changes to front page for more appealing look.

[Baller]

I would love to put that on my site... is that scripts4ning?