Menu Bar Fader Code

[Peter]

Preview:


<SCRIPT LANGUAGE="JavaScript">
<!--
/*
© 2003 Patrick Clinger
All Rights Reserved

On the Web:
http://www.proboards.com

Permission is granted to use this code as long
as this copyright notice remains 100% intact.
*/
var img = new Array();
var percent = new Array();
percent[0] = '100';
percent[1] = '90';
percent[2] = '80';
percent[3] = '70';
percent[4] = '60';
percent[5] = '50';
percent[6] = '40';
percent[7] = '30';
percent[8] = '20';
percent[9] = '10';
percent[10] = '0';
var cur = 0;
var direction = 1; // up

for(var x=0;x<document.images.length;x++)
if(document.images[x].src.indexOf("/boardimages/menu/") != -1)
img[img.length] = document.images[x];

function fadeimg() {
if(cur == (percent.length-1))
direction = 0; // down
else if(cur == 0)
direction = 1; // up

if(direction)
cur++
else
cur--;

for(var z=0;z<img.length;z++)
img[z].style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity="+percent[cur]+")";
setTimeout("fadeimg()",200);
}
fadeimg();
// -->
</SCRIPT>


This will make the menu images fade in and out

Add to Headers