467,146 Members | 1,252 Online
Bytes | Developer Community
Ask Question

Home New Posts Topics Members FAQ

Post your question to a community of 467,146 developers. It's quick & easy.

Needs a urgent help with a rotating banner javascript code.

Hi,
I am not a good developer of Javascript codes. Needs this help to make
some modification to this famous free javascript from Anarchos. i am
using this in one of my webpage. What it does is, rotates banners with
hyperlink specific to each image. it works just perfect but i need a
simple modification. now I want to stop rotating the images when I
mouseover on the image, and then continue once I move the cursor out of
the banner image. Any one can help me please? Thanks in adv.

Rgds
RajSB
-----------the following code resides in a separate .js
file------------------

/****
* Banner Ad Rotater v3.02
* Anarchos > an*******@hotmail.com
* http://anarchos.xs.mw/bannerad.phtml
**/

function Banner(refreshTime, width, height, altText, start, random){
this.objName = "bannerAd" + (Banner.count++);
eval(this.objName + "=this");
if (!refreshTime) this.refreshTime = 5000; else this.refreshTime =
refreshTime*1000;
if (!width) this.width = 460; else this.width = width;
if (!height) this.height = 68; else this.height = height;
if (random == null) this.random = 1; else this.random = random;
this.altText = altText;
this.ads = [];
if (start) this.currentAd = start-1; else start = null;
this.mySize = 0;

this.Ad = function(src, href, target, mouseover) {
var tempImage = new Image();
tempImage.src = src;
this.ads[this.mySize] = new Object();
var ad = this.ads[this.mySize];
ad.src = src;
if (typeof(target) == "undefined" || target == null) ad.target =
"_self"; else ad.target = target;
ad.href = href;
ad.mouseover = mouseover;
this.mySize++;
}

this.link = function(){
var ad = this.ads[this.currentAd];
if (ad.target == "_self"){
location.href = ad.href;
}
else if (ad.target == "_blank" || ad.target == "_new"){
open(ad.href,this.objName + "Win");
}
else top.frames[ad.target].location.href = ad.href;
}

this.showStatus = function(){
var ad = this.ads[this.currentAd];
if (ad.mouseover) status = ad.mouseover;
else status = ad.href;
}

this.randomAd = function(){
var n;
do { n = Math.floor(Math.random() * (this.mySize)); }
while(n == this.currentAd);
this.currentAd = n;
}

this.output = function(){
var tempCode = "";
if (this.mySize > 1){
if (this.currentAd == null) this.randomAd();
if (this.currentAd >= this.mySize) this.currentAd = this.mySize - 1;
tempCode = '<a href="javascript:'+this.objName+'.link();"';
tempCode += ' onMouseOver="' + this.objName + '.showStatus(); return
true"';
tempCode += ' onMouseOut="status=\'\';return true">';
tempCode += '<img src="' + this.ads[this.currentAd].src + '"
width="' + this.width;
tempCode += '" name="' + this.objName + 'Img" height="' +
this.height + '" ';
if (this.altText) tempCode += 'alt="'+this.altText + '" ';
tempCode += 'border="0" /></a>';
document.write(tempCode);
this.nextAd();
} else document.write("Error: two banners must be defined for the
script to work.");
}

this.newAd = function(){
if (!this.random){
this.currentAd++;
if (this.currentAd >= this.mySize)
this.currentAd = 0;
}
else {
this.randomAd();
}
this.nextAd();
}

this.nextAd = function(){
document.images[this.objName+ 'Img'].src =
this.ads[this.currentAd].src;
setTimeout(this.objName+'.newAd()',this.refreshTim e)
}
}
Banner.count = 0;
----the following code to be embedded in a html page-----------

<script type="text/javascript">
// Author: Anarchos > an*******@hotmail.com >
http://anarchos.xs.mw/bannerad.phtml
<!--
myAd = new Banner( 5, 600, 100, "", 1, 0 );
myAd.Ad( "images/1.gif", "http://www.google.com", null, "Google" );
myAd.Ad( "images/2.gif", "http://www.yahoo.com", "_blank", "Yahoo.Com"
);
myAd.Ad( "images/3.gif", "http://www.msn.com", "_blank", "MSN.com" );
myAd.output();
// -->
</script>

May 10 '06 #1
  • viewed: 2487
Share:
2 Replies
"sgMuser" <ra****@gmail.com> wrote in message
news:11**********************@g10g2000cwb.googlegr oups.com...
Hi,
I am not a good developer of Javascript codes. Needs this help to make
some modification to this famous free javascript from Anarchos. i am
using this in one of my webpage. What it does is, rotates banners with
hyperlink specific to each image. it works just perfect but i need a
simple modification. now I want to stop rotating the images when I
mouseover on the image, and then continue once I move the cursor out of
the banner image. Any one can help me please? Thanks in adv.


Here's a solution:

1) Declare this variable:
var running = true;

2) Insert this line:
this.stopStart();
in this function:
this.showStatus = function() {

3) Add this function:
this.stopStart = function() {
(running) ? running = false : running = true;
if (running) this.nextAd();
else status = "";
}

4) Change this line
tempCode += ' onMouseOut="status=\'\';return true">';
to this:
tempCode += ' onMouseOut="' + this.objName + '.stopStart();
return true">';

5) Enclose the logic in
this.newAd = function() {
with:
if (running) {
}
May 10 '06 #2
McKirahan
Out of words to thank you! God Bless You! It works!

Rgds
RajSB

May 12 '06 #3

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

1 post views Thread by GujuBoy | last post: by
2 posts views Thread by Derek | last post: by
2 posts views Thread by mikeoley@hotmail.com | last post: by
3 posts views Thread by avalence@neuf.fr | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.