Webmaster-Shop

Effet "lumiére" de banniere au passage de souris

Placez votre souris sur les images ci-dessous pour voir l'effet.













Ce code soit dans le champ de texte sur la conception " ,
ou de la zone de texte sous la conception ":

<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><script type="text/javascript"> <!-- 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++; } } //--> </script></span> <script Type="text/javascript"> <! - IE = document.all & &! Window.opera; GK = window.sidebar; AOB = [], x = 0; fader function () (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.value this.attr +'='+) this.timeOut = setTimeout ( 'AOB [ '+ This.index +']. Fade ( '+')', this.rate + y);))) function init_fader (obj, delta, rate, min, max, te) (if (IE | | GK) ( AOB.push (new Fader (x)); AOB SI = [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 + +;) ) //--> </ Script></span>

L'image de la page de votre organisme souhaité placer
Exemple d'image enchaînée 1 / Banner / Button:
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><center> <a href="HIER ZIELSEITE?PHPSESSID=8511c1cc4a2a65d8f8886d4325ce77b0" target="_blank"><img src="HIER BILD-ADRESSE.jpg" border="0" style="filter:alpha(opacity=50);-moz-opacity:0.5" onmouseover="init_fader(this,5,20,20,99,1)"></a></center></span> <a <center> Href="HIER ZIELSEITE?PHPSESSID=8511c1cc4a2a65d8f8886d4325ce77b0" target="_blank"> <img src = "IMAGES ICI ADRESSE.jpg" border = "0" style = "filter: alpha (opacity = 50); - Moz-opacity: 0.5 "onmouseover =" init_fader (this, 5,20,20,99,1 )"></ a> </ center></span>
Dans le code de votre image et de l'adresse de la page cible


Un effet de fondu unverlinktes image / Banner / Button:
<span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><center><img src="HIER BILD-ADRESSE.jpg" style="filter:alpha(opacity=50);-moz-opacity:0.5" onmouseover="init_fader(this,5,20,20,99,1)"></center><br /></span> <center> <Img src = "IMAGES ICI ADRESSE.jpg" style = "filter: alpha (opacity = 50),-moz-opacity: 0.5" onmouseover = "init_fader (this, 5,20,20,99,1 )"></ Center> <br /></span>

Le code va pour Mozilla et le navigateur IE. Pour les utilisateurs d'IE 6.0 ont pu voir les effets,
dû, dans la bannière, le code target = "_blank" href = après la «page de destination» sont placés.