CSS-Opacity ueber JS ansprechen

[Daniel]

Guten Tag,

ich moechte mir eine kleine, simple Javascript - Slideshow bauen.

Ueber eine Funktion aendere ich mit setTimeout z.B. nach 5s die Quelle meines Bildes:
__________________________________

number=0;
max=6;

function slideshow(){
 number++;
 if(number>max)number=1;
 document.getElementById('header_image').src = number + ".jpg";
 clearTimeout(routine);
 routine = setTimeout(slideshow,3000);
}

___________________________________

Soweit so gut. Desweiteren moechte ich meine Bilder vor dem Wechsel ausblenden lassen. Meine Idee: Ebenfalls mit einem Timer zaehle ich die Opacity des Bildes von 100 auf 0.

Um Opacity in gaengigen Browsern zu erzielen, benoetigt man (meines Wissens nach) 3 CSS Attribute (im Beispiel ist das Bild 25% sichtbar):

filter:alpha(opacity=25);
-moz-opacity:.25;
opacity:.25;
_____________________________________

Doch nun zu meiner Frage: Hat jemand eine Idee wie ich diese Eigenschaften mittels js ansprechen kann? Also z.B.

document.getElementById('header_image').style.-moz-opacity=".25";

Ich hoffe jemand kann mir hier weiterhelfen und ich danke schonmal fuer eure kostbare Zeit.

Beste Gruesse Daniel

[Gunnar Bittersmann]

Hello out there!

document.getElementById('header_image').style.-moz-opacity=".25";

Du kennst die Bedeutung des Zeichens '-' in JavaScript?

Ich hoffe jemand kann mir hier weiterhelfen

Ja, die allwissende Müllhalde namens Archiv.

'+category:JAVASCRIPT +"-moz-opacity"' liefert u.a. diesen Thread.

See ya up the road,
Gunnar

[Thomas J.S.]

Hallo,

Ich hoffe jemand kann mir hier weiterhelfen

Ja, die allwissende Müllhalde namens Archiv.

'+category:JAVASCRIPT +"-moz-opacity"' liefert u.a. diesen Thread.

Warum nicht richtig verlinken??
http://forum.de.selfhtml.org/archiv/2006/8/t135085/#m876654

Grüße
Thomas

[MudGuard]

Hi,

'+category:JAVASCRIPT +"-moz-opacity"' liefert u.a. diesen Thread.

Warum nicht richtig verlinken??

Hat er doch. Meiner (und offensichtlich auch Gunnars) Meinung nach ist nicht nur das eine von Dir verlinkte Posting des Threads relevant (siehe auch http://forum.de.selfhtml.org/archiv/2007/1/t143750/#m933713).

cu,
Andreas

[Thomas J.S.]

Hallo,

Doch nun zu meiner Frage: Hat jemand eine Idee wie ich diese Eigenschaften mittels js ansprechen kann? Also z.B.

document.getElementById('header_image').style.-moz-opacity=".25";

document.getElementById('header_image').style.MozOpacity

Grüße
Thomas