Frage zu ImageFading

Arsonist

Grünschnabel
Hi Leute ich muss mich entschuldigen das ich diese 100% bis zum Übermaß ausgelaugte Frage stelle. Aber ich hab keine große Ahnung von Java und wär euch dankbar wenn mir einer diese Frage beantworten könnte. Also meine Frage ist wie funktioniert das mit dem ImageFading das wenn man mit der mouse über ein Bild fährt was als Link gesetzt ist das es von matt in klar überblendet?
Als kleines Beispiel was ich meine
http://www.animekings.de/
die haben das was ich mein auf ihren bildern sowie auf dem vote usw. sorry hab auf die schnelle keine andere seite gefunden.

Gut das war es schon wieder ich danke euch schon im Voraus.
Euer Arsonist
 
Hi!

Nichts zum Thema, aber trotzdem eine Anmerkung!

Mekr euch endlich das Java nicht JavaScript ist!


#end
 
Was willst Du jetzt eigentlich genau wissen?
Was sollen wir dir da erklären?
Stell mal bitte eine Präzise Frage!
Und eins noch: Learning by Doing!

#End
 
Also ich hab mir die Mühe gemacht und den IE gestartet um mir die Seite anzusehen und da gibt's dann auch ein fading. Das ist anscheinend wiedermal ein Feature das nur der IE bietet.
Hättest du den Quelltext der Seite angesehen, dann hätte dir folgendes auffallen müssen:

PHP:
<img border=0 src='" + arday[day] + "' alt='Picture of The Day Anschauen' align='middle'  style='filter:alpha(opacity=50)' onMouseOver='high(this,100,30,5)' onMouseOut='low(this,20,50,5)'>

Im image Tag ist der ganze Effekt definiert.
 
Hmm, naja. Dass die Bilder zuerst so grau erscheinen liegt sicher am Filter. Der Fading Effekt selbst wird mit den zwei Funktionen erzeugt.
//Edit: Es ist noch ein javascript dabei für die funktionen high und low. Wenn man sich den Quelltext ansieht, findet man diese. Die spielen auch nur mit dem Filter herum.
 
Zuletzt bearbeitet:
Entschuldigung aber ich hab das vergessen mit dem Quelltext trotzdem Dank ich euch und jetzt kann ich auch deinen Spruch anwenden BSA Learning by Doing da ich wie gesagt mich mit Javascript nicht so besonders auskenn werd ich mich ab jetzt etwas mehr beschäftigen. Da es aber scheinbar mehr in die CSS Richtung geht müsste es doch eine möglichkeit geben das alles über Javascript auch für den nicht IE User möglich zu machen oder irre ich mich da jetzt?
 
Na ja, die Filter sind IE-spezifisch.
Mit JavaScript hast du zwar die Kontrolle über alle Objekte auf der Seite, aber nur Eigenschaften, die auch allgemein implementiert sind, können in allen Browsern angesprochen werden.
Um einen RollOver-Effekt mit JS zu realisieren, würde ich entweder mit verschiedenen Bitmaps arbeiten (speicher-intensiv!) oder statt des Fade-Effektes vielleicht nur etwas mit Größenänderung bzw. Position machen (Man könnte z.B. für jedes Bild 2 Versionen erstellen, eine helle und eine dunkle, wobei die hellere mit einer dynamischen Clip-Area über die dunklere gezogen wird.).
 

Neue Beiträge

Zurück