Fade in fade out code

[Ronald]

I have advertisements on my forums. Right now they are a scrolling banners.

 

I was on another forum the other night and the ad's were fading in and out, changing to different ad's..

 

Anyone know the html code for this..

[Bilrow]

I have used this in the past:

 

<!--Follow Script does flashing message at top-->
<span class='indexonly'><center> 
<script language="JavaScript1.2">

var delay=3000 //set delay between message change (in miliseconds)
var fcontent=new Array()
begintag='<font face="Arial" size=2>' //set opening tag, such as font declarations
fcontent[0]="<b>Welcome to the Grand Global Alliance Forums!</b>"
fcontent[1]="<B>Remember to Vote for <a href='http://www.cybernations.net/teams.asp'>scotchwithrocks of GlenLivit</a> for senator!</b>"
fcontent[2]="<B>Congrats to Member of the Month: Manfred</B>"
fcontent[3]="<B>Congrats to Rookie of the Month: Gatomiro</B>"
fcontent[4]="<B>Congrats to Officer of the Month: Emperor Charlemagne </B>"
fcontent[5]="<B>Need War Aid?? <a href='http://z10.invisionfree.com/GrandGlobal/index.php?showforum=207'>click here!!!</a></B>"
closetag='</font></b>'
var fwidth='600px' //set scroller width
var fheight='18px' //set scroller height

var fadescheme=1 //set 0 to fade text color from (white to black), 1 for (black to white)
var fadelinks=1  //should links inside scroller content also fade like text? 0 for no, 1 for yes.

///No need to edit below this line///

var hex=(fadescheme==0)? 255 : 0
var startcolor=(fadescheme==0)? "rgb(0,0,0)" : "rgb(255,255,255)"
var endcolor=(fadescheme==0)? "rgb(0,0,0)" : "rgb(255,255,255)"

var ie4=document.all&&!document.getElementById
var ns4=document.layers
var DOM2=document.getElementById
var faderdelay=0
var index=0

if (DOM2)
faderdelay=2000

//function to change content
function changecontent(){
if (index>=fcontent.length)
index=0
if (DOM2){
document.getElementById("fscroller").style.color=startcolor
document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag
linksobj=document.getElementById("fscroller").getElementsByTagName("A")
if (fadelinks)
linkcolorchange(linksobj)
colorfade()
}
else if (ie4)
document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag
else if (ns4){
document.fscrollerns.document.fscrollerns_sub.document.write(begintag+fcontent[index]+closetag)
document.fscrollerns.document.fscrollerns_sub.document.close()
}

index++
setTimeout("changecontent()",delay+faderdelay)
}

// colorfade() partially by Marcio Galli for Netscape Communications.  ////////////

rame=20;

function linkcolorchange(obj){
if (obj.length>0){
for (i=0;i<obj.length;i++)
obj[i].style.color="rgb("+hex+","+hex+","+hex+")"
}
}

function colorfade() {		  
// 20 frames fading process
if(frame>0) {
hex=(fadescheme==0)? hex-12 : hex+12 // increase or decrease color value depd on fadescheme
document.getElementById("fscroller").style.color="rgb("+hex+","+hex+","+hex+")"; // Set color value.
if (fadelinks)
linkcolorchange(linksobj)
frame--;



setTimeout("colorfade()",20);
}

else{
document.getElementById("fscroller").style.color=endcolor;
frame=20;
hex=(fadescheme==0)? 255 : 0
}  
}

if (ie4||DOM2)
document.write('<div id="fscroller" style="background-color:#000;border:1px solid black;width:'+fwidth+';height:'+fheight+';padding:2px"></div>')

window.onload=changecontent
</script>

 

Edited January 14, 2010 by Bilrow

[Ronald]

Thanks.. Would I put this in the same place as the scrolling banner ad's..

[Bilrow]

That should work and instead of text if they are picture ads it would look like:

 

 

 

 

fcontent[0]="<a href='linkforadvert'><img src='adimage'></a>"

 

 

 

 

 

 

 

Just normal html code.