Automatischer Bildwechsel mit Fade-Effekt (fast fertig...)

[Gouvernator]

Hallo!

Ich habe ein Problem mit einem Skript:

var Bilder = new Array("slideshow/aaa.jpg","slideshow/bbb.jpg","slideshow/ccc.jpg);
var Delay = 5000;
 
var BildAnzahl = Bilder.length;
var number = 0;
BildFolge = new Image(); BildFolge.src = Bilder[number];
 
function change() {
 
number++;
if (number == BildAnzahl) number = 0;
 
BildFolge.src = Bilder[number];
document.austausch.filters.blendTrans.Apply(); 
document.austausch.src = BildFolge.src;
document.austausch.filters.blendTrans.Play();
}
 
setInterval("change()", Delay);

Das Skript tauscht automatisch Bilder aus, inkl. Überbelendeffekt.

Dazugehöriger HTML-Quellcode:

<img name="austausch" style="filter:blendTrans(Duration=2)" src="slideshow/starter.jpg" width="570" height="304">

Im IE funktioiert es im FF meckert er "document.austausch.filters is undefined".

Was fehlt?

Gruß!

 

[Sempervivum]

Diese Filter funktionieren nur im IE: SELFHTML: Stylesheets / CSS-Eigenschaften / Filter (nur Microsoft)

 

[Gouvernator]

Was würde den in beiden Browsern funktioieren?

 

[threadi]

Für Transparenz gibt es keine einheitlichen Eigenschaften. Der IE verwendet dafür die CSS-Eigenschaft filter(), alle anderen Browser unterstützen opacity. Die Animation einer Transparenz kann man aber dennoch per JavaScript für alle Browser einheitlich definieren in dem die jeweiligen Eigenschaften für den jeweiligen Browser verwendet wird.

Alternativ könntest Du dir auch jQuery anschauen. Dort gibt es imho vorgefertigte Funktionen die diese Browsererkennung für Dich für eine Animation mit transparenten Bereichen bereitstellen.

 

[Gouvernator]

Ich hatte gehofft, dass es ohne jQuery was wird, aber dann werde ich wogl die Simple Fade Slideshow verwenden.

 

[threadi]

jQuery ist ja auch nur eine Alternative. Natürlich kannst Du das auch alles selbst "zu Fuß" schreiben.