jQuery: Die Fancybox und der Internet Explorer
Geschrieben von: Webdesigner aus Berlin
Ich nutze die jQuery Fancyb0x in einem Projekt (genauer gesagt bei der überarbeiteten Homepage von Cherry-Webprojekte – kommt bald!) und hatte folgendes Problem: Die Grafiken wie z.B. das kleine Rädchen, das sich dreht, so lange der Inhalt geladen wird, oder das Kreuz zum Schließen des Fensters, erschienen einfach nicht – allerdings nur bei den Internet Explorern, nicht bei Firefox – beim Firefox lief alles bestens.
Das lag an der mitgelieferten CSS-Datei für die Fancybox. In der Version 1.3.1 beginnen ab Zeile 341 in der CSS-Datei (jquery.fancybox-1.3.1.css) Angaben für den Internet Explorer, z.B.
#fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }
Hier müssen die Pfadangaben angepasst werden, und zwar relativ zum HTML-Dokument, in dem die Fancybox genutzt wird. In meinem Fall lag das Dokument im Root-Verzeichnis, die enstprechenden Grafik-Dateien aber in einer tieferen Verzeichnis-Ebene:
#fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='jquery/fancybox/fancy_loading.png', sizingMethod='scale'); }
Ich habe eine Weile gebraucht, um das zu verstehen – steht zwar auch bei der Beschreibung zur Fancybox, aber manchmal überliest man wesentliche Informationen ja auch sehr gerne 
Dieser Artikel wurde am 6. Mai 2010 in der Kategorie Homepage erstellen, Webdesign veröffentlicht.
Themen: Fancybox > Internet Explorer > jQuery
10 Kommentare »
RSS-Feed für Kommentare zu diesem Artikel. TrackBack-URL
VIELEN VIELEN DANK!!!!
Kommentar von Larisa — 16. Mai 2010 @ 21:55
Ach mann!!! Da hab ich natürlich nicht nachgesehen…
!!!DANKE!!!
Kommentar von rookie07 — 7. Juli 2010 @ 15:44
Super, Danke für den Hinweis!!
Ich hab die AlphaImageLoader gleich auskommentiert. Kann damit leben, dass es im IE nicht perfekt aussieht. Dafür ist die Seite nun wesentlich schneller.
Kommentar von Karl — 15. Juli 2010 @ 11:10
!!danke hoch zehn!!
gerade entdeckt und gekotzt.
Kommentar von sergul — 16. September 2010 @ 17:30
Vielen Dank! Das hat mir gerade viel Gesuche erspart!
Kommentar von su2pect — 29. Oktober 2010 @ 21:58
Der Bug nervte mich schon seit Tagen! Vielen Dank!
Kommentar von Marc Eilhard — 2. November 2010 @ 15:02
DANKE! – Nicht mehr so ganz neu, aber hat mir weitergeholfen
Kommentar von Timo — 15. Februar 2011 @ 11:37
super Sache … teste ich gleich aus.
Danke Ede
Kommentar von Ede K — 5. Mai 2011 @ 09:41
In der neueren Fancybox 1.3.4 erscheint durch solche Pfadanpassungungen in der jquery.fancybox-1.3.4.css (relativ zum Hauptdokument) nun endlich auch im Internet Explorer der Schatten!!
Dieser Hinweis war super hilfreich. DANKE!
Kommentar von Sums — 12. Juni 2011 @ 14:00
Super hat mir bei meinem problem mit IE8 und IE9 geholfen. wo fancybox davor gar nicht funktioniert hatte!
Kommentar von janein — 17. Oktober 2011 @ 17:10