JenSocial: Social Web Directory and Ning Tips

Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support

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

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

Below is the code, you will need to replace:

your website

your image file

description

Then paste it all 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://network.girlriders.net Its the top left text box. Hit refresh to see it change. I add more images whenever I have time to make them.

The code below is for 3 images. ENJOY :)

<SCRIPT LANGUAGE="Javascript">
function banner() { } ; b = new banner() ; n = 0
b[n++]= "<A HREF='your website'><IMG name=randimg SRC='your image file' border='0' ALT='description'></A>"
b[n++]= "<A HREF='your website'><IMG name=randimg SRC='your image file' border='0' ALT='description'></A>"
b[n++]= "<A HREF='your website'><IMG name=randimg SRC='your image file' border='0' ALT='description'></A>"
i=Math.floor(Math.random() * n) ;
document.write( b[i] )
</SCRIPT>

1 member favorited this

Replies to This Discussion

Permalink Reply by JenSocial on July 28, 2011 at 12:07pm

Great tip, thank you for sharing!

Permalink Reply by zmonsieur roger on July 28, 2011 at 4:31pm

thanks for the tip

Permalink Reply by Broom Riders on July 28, 2011 at 7:19pm

Thanks for this little tip!

Permalink Reply by GirlRiders on July 29, 2011 at 1:47pm

You're welcome, all!

Permalink Reply by Ramon Batista on September 1, 2011 at 12:04pm

Great tip, but, how can I put the image into NING system ? , I mean in which directory do I have to put the SRC='your image file' ?... thanks for your helps

Permalink Reply by GirlRiders on September 1, 2011 at 4:33pm

Since I don't use that for these images, I'm not positive. But I think if you have Pro, you can load them into the file manager. If you don't you may be able to load them like photos and use that address. Someone else here may know for sure.

RSS

Welcome to
JenSocial: Social Web Directory and Ning Tips

Sign In