Suche im Forum:
Suchen


Autor Nachricht
Beitrag26.12.2006 um 18:37 (UTC)    
Titel: [erledigt] Bilderscript (onmouseover)

Hi
Ich habe eben auf so einer Seite Bilder gesehen die waren so dunkel und mit wenig Farbe und wenn man mit der Maus drüber gegangen is wurden sie "normal"
Bsp1: http://phatplaya.de.vu/
Bsp2: http://www.43-design.de.vu/
Ich kann mir vorstellen das das nur IE kann kein Mozilla!
Weiß jemand wie das geht ?
______________
Bushido is the best !
-> www.vdszbz.de.be
Beitrag26.12.2006 um 18:59 (UTC)    
Titel:

Hallo,
ich verschiebe die Frage mal in die Rubrik "Bilder".

Ja das nennt sich "mouseover-Effekt".
Dazu benötigt man einen onmouseover-Code.

Beispiel hier :
http://www.vorschau.de.tl/Banner_Effekt.htm (Die 3 Banner)

Mouseover-Effekt (Nebel) für Banner:

<script>
/* Fade Effekt */
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();

/* object - image to be faded (actual object, not name);
* destop - destination transparency level (ie 80, for mostly solid)
* rate - time in milliseconds between trasparency changes (best under 100)
* delta - amount of change each time (ie 5, for 5% change in transparency)
*/

function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){ //do this so I can take a string too
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}

clearTimeout(nereidFadeTimers[object.sourceIndex]);

diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;

if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}
</script>

An gewünschter Stelle diesen Code platzieren:

<a target="_blank" href="http://..Adresse der Ziel-Seite"><img src="http://..hier Bild-Adresse" style="filter:alpha(opacity=50)" onmouseover="nereidFade(this,100,30,5)" onmouseout="nereidFade(this,50,50,5)"></a>
______________
Fragen bitte an http://find-templates.de.tl
Beitrag26.12.2006 um 19:27 (UTC)    
Titel:

Danke für die Antwort aber wenn ich:

Code:
Mouseover-Effekt (Nebel) für Banner:

<script>
/* Fade Effekt */
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();

/* object - image to be faded (actual object, not name);
* destop - destination transparency level (ie 80, for mostly solid)
* rate - time in milliseconds between trasparency changes (best under 100)
* delta - amount of change each time (ie 5, for 5% change in transparency)
*/

function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){ //do this so I can take a string too
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}

clearTimeout(nereidFadeTimers[object.sourceIndex]);

diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;

if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}
</script>


eingebe passiert nichts und wenn ich

Code:
<a target="_blank" href="http://..Adresse der Ziel-Seite"><img src="http://..hier Bild-Adresse" style="filter:alpha(opacity=50)" onmouseover="nereidFade(this,100,30,5)" onmouseout="nereidFade(this,50,50,5)"></a>


mach, zeigt mir IE unten an "Fehler auf der Seite" und das Bild ist nur so neblig und wenn man mit der Maus drauf geht wird es nicht normal.

Weiß jemand wo der Fehler liegt ?

mfG.
______________
Bushido is the best !
-> www.vdszbz.de.be
Beitrag26.12.2006 um 19:32 (UTC)    
Titel:

AHH ich habs hinbekommen!
Danke Very Happy
______________
Bushido is the best !
-> www.vdszbz.de.be
Beitrag26.12.2006 um 22:32 (UTC)    
Titel:

prima, Danke für die Rückmeldung Very Happy
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de