GBSTYLEEZ - fade effect


GBSTYLEEZ

fade effect

Tutorial - Fade Effect

Beispiel :
[einfach mit der Maus rüberfahren]

1. Ihr geht auf HPBK.de und geht auf die Seite wo ihr den Fade-Effect haben wollt.
2. Dann müsst ihr bei der Seite auf QUELLCODE gehen und diesen Code einfügen:

<script type='text/javascript'>
<!--
faderbild = 'http://1.1.1.1/bmi/www.loaditup.de/files/502352.png';
IE = document.all &&!window.opera; 
GK = window.sidebar; 
AOB = []; 
x = 0;

function Fader() 
{ 
this.timeOut=false; 
this.fade=function(y) 
{ 
clearTimeout(this.timeOut); 
this.value=Number(eval('this.object.'+this.attr))+(this.delta*this.evt[y]); 
if(this.value>=this.min && this.value<=this.max) 
{ 
eval('this.object.'+this.attr+'='+this.value) 
this.timeOut=setTimeout('AOB['+this.index+'].fade('+y+')',this.rate); 
} 
} 
} 
function init_fader(obj,delta,rate,min,max,dir) 
{ 
if(IE || GK) 
{ 
AOB.push(new Fader(x)); 
OB = AOB[x]; 
OB.index = x; 
OB.object = obj; 
if(IE) 
{ 
OB.attr = 'filters.alpha.opacity'; 
OB.faktor = 1; 
} 
else 
{ 
OB.attr = 'style.MozOpacity'; 
OB.faktor = 100; 
} 
OB.delta = delta/OB.faktor; 
OB.rate = rate; 
OB.min = min/OB.faktor; 
OB.max = max/OB.faktor; 
OB.evt=[-1,1];if(dir)OB.evt.reverse(); 
OB.object.onmouseover = new Function('f1','AOB['+x+'].fade(0)'); 
OB.object.onmouseout = new Function('f2','AOB['+x+'].fade(1)'); 
OB.fade(0);x++; 
} 
} 
document.write('<div align="center"><img src="'+faderbild+'" border="0"  style="filter:alpha(opacity=50);opacity:0.5" onmouseover="init_fader(this,5,20,20,99,1)"></div>');
//-->
</script> <br />  <br />

3. Bei dem JPG-Bild [http://1.1.1.1/bmi/www.loaditup.de/files/502352.png] müsst ihr euer Bild einfügen.

Ich hoffe ihr konntet das alles verstehen,
bei Fragen bitte im Gästebuch melden. (:

Heute waren schon 2 Besucher (2 Hits) hier!

© by gbstyleez.de.tl Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?

Gratis anmelden