Banner rotation script

[madcaptains]

Hello,
I am looking for an easy to use banner rocation script.

Thank you

[Costin Trifan]

This a version of my "BannerRotator" module existent in my framework (Because it's not yet available and of cource, you don't have it I had to make some small changes so you can use it outside of the framework).

See the zip archive, it's all in there.


hth

[madcaptains]

Great thank you very much! I'll add it to my template soon.

Thanks again

[Costin Trifan]

You're welcome!

[Bagi Zoltán]

I downloaded the script and the javascript seems to be quite simple and clean. Looks very good

[madcaptains]

ok, it's now time to add the banner rotator script to my page and I have some beginner problems here.

Here is what I did:

1) I uploaded the file you gave me.
2) I added this part of the script into the head of my document:

<script src="bannerRotator.js" type="text/javascript"></script>
<script type="text/javascript">
var imagesList = new Array("img1.jpg", "img2.jpg", "img3.jpg");
window.onload = function() {
var controlID = document.getElementById("ImageController");
return BannerRotator(controlID, imagesList, null);
};
</script>

3) I added this part of the script into the body part of my document where I want the banners to be (right at the top after the body tag):

<div id="BannerContainer">
<img id="ImageController" src="img1.jpg" alt="" />
</div>

You can view my page here: Fish-Med
have I done it right?

Thank you for your time

[Costin Trifan]

You have done it right, only that you forgot to upload the js script!
You have set up the path to the file "<script src="bannerRotator.js" type="text/javascript"></script>" but I couldn't find it.

[madcaptains]

ok it's working now.

If I want to add links to each banner, where should I put this link in the script

[Costin Trifan]

You mean something like a click-able banner? (you want the images to act as links?)

[Costin Trifan]

? eh?

[Costin Trifan]

Well, I guess that's what you want...

I created 2 sample files for you:

1. no linked images
2. linked images (that is, if you click on one image you'll navigate to that url)

see the archive.

[madcaptains]

Hi,
Sorry for the late reply. That's exactly what I was looking for. I'll have a look to the script after work today.

Thank you!!!