[JavaScript] FadeEffekt

[Gray Fox 0]

Solltet ihr bereits wissen wie das funktioniert beachtet es einfach nicht !

1. Ladet die Datei hier runter in euer Webspace-Hauptverzeichnis.

2. In der Header eurer Website-Datei in der die Bilder (auf Bannern macht sich das besonders gut ) kommt folgende Zeile:

<script language="Javascript" src="fade.js" type="text/javascript"></script>

3. Bilder sollten nun mit folgendem Link eingefügt werden:

<a href="http://..." target="_blank"><img onmouseover=nereidFade(this,100,4,4) style="FILTER: alpha(opacity=20)" onmouseout=nereidFade(this,20,4,4) src="http://..." width="xxx" height="xxx" border="0" alt="Alternative Text"></a>

Ich hoffe das ist verständlich ! Das <a href...> nur machen wenn ihr das Bild als Link benutzen wollt !

Wer mal den Effekt sehn will klickt hier ! !

Fahrt einfach mit dem Mauszeiger über das Bild !

Edited November 8, 2003 by Deepthroath

[Ratman 0]

leider aber ausschließlich mit dem ie

was den effekt natürlich qualitativ nicht mindert, aber sicher einige non-ie-user ärgert *g*.

ajo ...

http://selfhtml.teamone.de/css/eigenschaften/filter.htm

ein haufen "filter:" mit infos - leider alle nur für ie ab v4

Edited November 8, 2003 by Ratman

[Gray Fox 0]

Kleiner Nachtrag:

- onmouseover=nereidFade(this,100,4,4): Die 100 gibt den Prozentwert an, mit welchem das Bild bei einem MouseOver sichtbar wird. Die beiden Werte "4" stehen für die Fade-Geschwindigkeit, je höher der Wert (2,4,8,16,32, etc.) angegeben wird, desto schneller wird das Bild eingefadet.

- style="FILTER: alpha(opacity=20)": Der Wert 20 bei opacity gibt den Prozentwert an, mit welchem das Bild in der Seite dargestellt werden soll.

- onmouseout=nereidFade(this,20,4,4): Die 20 gibt den Prozentwert an, mit welchem das Bild bei einem MouseOut wieder unsichtbar wird. Hier sollte der gleiche Wert wie bei opacity angegeben werden damit das Bild wieder zu seinem Ursprungswert zurückkehrt. Die beiden Werte "4" stehen für die Fade-Geschwindigkeit, je höher der Wert (2,4,8,16,32, etc.) angegeben wird, desto schneller wird das Bild ausgefadet.

Gefunden auf www.ulf-theis.de

[Silaz 0]

Jau dat ist doch mal klasse, warum schreibste es nicht als tutorials mit bildchen? :)

[Gray Fox 0]

Ok werde ich gerne machen !

Dann verstehts bestimmt jeder !

Edited November 8, 2003 by Deepthroath

[Silaz 0]

:) bestimmt und ausserdem finde ich es schneller wenn ichs mal brauche *g

[Gray Fox 0]

OK, nun isses hier !

http://www.ipbsupport.de/board/index.php?showtopic=51 !

[Christian 0]

astrein

denn mache ich das hier mal, der Übersicht wegen, zu.

Kommentare bitte hier posten