--- FADER ---

by **[DYOSZA]SHEYN** Thu Jun 18, 2009 7:20 pm

Code:: /*********************************************** * Gradual Element Fader- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts * This notice must stay intact for legal use ***********************************************/ var gradualFader={} gradualFader.baseopacity=0.10 gradualFader.increment=0.2 document.write('<style type="text/css">\n') document.write('.commonbox{filter:progid:DXImageTransform.Microsoft.alpha(opacity=' +gradualFader.baseopacity*100+'); -moz-opacity:'+gradualFader.baseopacity+'; opacity:'+gradualFader.baseopacity+';}\n') document.write('</style>') gradualFader.setopacity=function(obj, value){ var targetobject=obj if (targetobject && targetobject.filters && targetobject.filters[0]){ if (typeof targetobject.filters[0].opacity=="number") targetobject.filters[0].opacity=value*100 else targetobject.style.filter="alpha(opacity="+value*100+")" } else if (targetobject && typeof targetobject.style.MozOpacity!="undefined") targetobject.style.MozOpacity=value else if (targetobject && typeof targetobject.style.opacity!="undefined") targetobject.style.opacity=value targetobject.currentopacity=value } gradualFader.fadeupdown=function(obj, direction){ var targetobject=obj var fadeamount=(direction=="fadeup")? this.increment : -this.increment if (targetobject && (direction=="fadeup" && targetobject.currentopacity<1 || direction=="fadedown" && targetobject.currentopacity>this.baseopacity)){ this.setopacity(obj, targetobject.currentopacity+fadeamount) window["opacityfader"+obj._fadeorder]=setTimeout(function(){gradualFader.fadeupdown(obj, direction)}, 50) } } gradualFader.clearTimer=function(obj){ if (typeof window["opacityfader"+obj._fadeorder]!="undefined") clearTimeout(window["opacityfader"+obj._fadeorder]) } gradualFader.isContained=function(m, e){ var e=window.event || e var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement) while (c && c!=m)try {c=c.parentNode} catch(e){c=m} if (c==m) return true else return false } gradualFader.fadeinterface=function(obj, e, direction){ if (!this.isContained(obj, e)){ gradualFader.clearTimer(obj) gradualFader.fadeupdown(obj, direction) } } gradualFader.collectElementbyClass=function(classname){ var classnameRE=new RegExp("(^|\\s+)"+classname+"($|\\s+)", "i") var pieces=[] var alltags=document.all? document.all : document.getElementsByTagName("*") for (var i=0; i<alltags.length; i++){ if (typeof alltags[i].className=="string" && alltags[i].className.search(classnameRE)!=-1) pieces[pieces.length]=alltags[i] } return pieces } gradualFader.init=function(){ var targetobjects=this.collectElementbyClass("commonbox") for (var i=0; i<targetobjects.length; i++){ targetobjects[i]._fadeorder=i this.setopacity(targetobjects[i], this.baseopacity) targetobjects[i].onmouseover=function(e){gradualFader.fadeinterface(this, e, "fadeup")} targetobjects[i].onmouseout=function(e){gradualFader.fadeinterface(this, e, "fadedown")} } } gradualFader.init()