Ein seltsames Problem. Ich habe eine Webseite, auf der Bilder mit einem Timer ein- und ausgeblendet werden, unter Verwendung der fadeIn() und fadeOut() Methoden von jQuery. Es hat problemlos in Firefox und Chrome funktioniert, aber nicht in IE9 - nur das erste Bild wurde angezeigt. Nachdem ich viel CSS, HTML usw. entfernt hatte, um den Grund zu finden, konnte ich es schließlich in IE9 zum Laufen bringen aber nur, wenn ich die erste Zeile meiner HTML-Datei entferne:
Mit dieser Zeile vorhanden, schlägt fadeIn() fehl. Ohne diese Zeile funktioniert fadeIn(). fadeOut() scheint unabhängig davon zu funktionieren.
Ich benutze die neueste stabile Version von jQuery (gestern heruntergeladen).
Dies ist die HTML-Datei:
Dies sind die Inhalte von "imageswitch.js": (Ich verwende die Funktion SetImgReady(), um der 'ready' Klasse jedes Bild hinzuzufügen, sobald es fertig heruntergeladen wurde, sodass es nur zwischen vollständig geladenen Bildern wechselt)
function swapImages() {
var $active = $('#myGallery .active');
var $next = ($('#myGallery .active').next().length > 0) ? $('#myGallery .active').next() : $('#myGallery img:first');
while ($next && !$next.hasClass('ready')) {
if ($next.next().length > 0)
$next = $next.next();
else
$next = false;
}
if ($next && $active) {
$next.fadeIn( 2000 ).addClass('active');
$active.fadeOut( 2000 ).removeClass('active');
}
}
function SetImgReady( $ImgObj ) {
if ($ImgObj)
$ImgObj.className += "ready";
}Und dies ist das CSS:
#myGallery{
position:relative;
width:400px;
height:300px;
}
#myGallery img{
display:none;
position:absolute;
top:0;
left:0;
border: 1px solid black;
}
#myGallery img.active{
display:block;
}Also... bewirkt die Deklaration, dass IE9 übermäßig standardskonform wird und entscheidet, dass Einblendeffekte unter XHTML1.0 nicht erlaubt sind oder so etwas?
Ein weiteres seltsames Ereignis, das ebenfalls auftritt, sobald das Einblenden funktioniert: Nur beim ersten Bildwechsel verschwindet das angezeigte Bild sofort anstatt langsam auszublenden. Alle anderen Bilder blenden schön ein/aus, wie benötigt. Irgendwelche Gedanken dazu?
Vielen Dank an alle.
