7
Javascript Background Image Fading funktioniert nicht in Firefox
Moin zusammen,
ich habe ein kleines Problem was einen Javascript Code angeht.
Vorweg kurz, ich kenne mich mit Webentwicklung nicht sonderlich gut aus, in PHP und SQL kleinere Scripte schreiben ist kein Problem, da hört es allerdings auf.
Was ich brauche ist eine Seite auf der mehrere Bilder im Hintergrund ein- und ausfaden. Über diesen Bildern soll ein Layer liegen auf dem ich Texte usw. einfügen kann.
Gefunden habe ich bei meiner Suche das hier:
https://codepen.io/dudleystorey/pen/qEoKzZ
Macht genau was ich brauche, habe alles auf meine Wünsche angepasst, getestet bis es richtig aussah und am Ende bemerkt, dass im Firefox keine Bilder dargestellt werden.
Getestet habe ich es auf Ubuntu mit Chrome und Firefox, Windows 7 Chrome und Firefox, iPhone iOS 9.3 Safari und Chrome.
Das Problem tritt nur im Firefox auf.
Ich hoffe, dass nur eine kleine Änderung notwendig ist, damit auch der Firefox alles korrekt darstellt.
Danke schon mal
Falk
ich habe ein kleines Problem was einen Javascript Code angeht.
Vorweg kurz, ich kenne mich mit Webentwicklung nicht sonderlich gut aus, in PHP und SQL kleinere Scripte schreiben ist kein Problem, da hört es allerdings auf.
Was ich brauche ist eine Seite auf der mehrere Bilder im Hintergrund ein- und ausfaden. Über diesen Bildern soll ein Layer liegen auf dem ich Texte usw. einfügen kann.
Gefunden habe ich bei meiner Suche das hier:
https://codepen.io/dudleystorey/pen/qEoKzZ
Macht genau was ich brauche, habe alles auf meine Wünsche angepasst, getestet bis es richtig aussah und am Ende bemerkt, dass im Firefox keine Bilder dargestellt werden.
Getestet habe ich es auf Ubuntu mit Chrome und Firefox, Windows 7 Chrome und Firefox, iPhone iOS 9.3 Safari und Chrome.
Das Problem tritt nur im Firefox auf.
Ich hoffe, dass nur eine kleine Änderung notwendig ist, damit auch der Firefox alles korrekt darstellt.
Danke schon mal
Falk
Share on Facebook
Share on Twitter
Share on Reddit
Share on LinkedinPlease also mark the comments that contributed to the solution of the article
Content-Key: 300450
Url: https://administrator.de/contentid/300450
Printed on: April 19, 2024 at 20:04 o'clock
7 Comments
Latest comment
Bei deinem Problem kann ich dir leider nicht helfen - allerdings kann ich dir sagen, das im Firefox bei mir, die Bilder auf der Seite von deinem Link, durchaus dargestellt werden. "Nur" das Fading fehlt.
Moin, danke für die Antowort. Kannst du mir sagen welche Version vom Firefox du installiert hast? Bei mir wird auch auf der Seite nichts angezeigt, nur ein weißer Hintergrund.
Danke
Falk
Danke
Falk
Gerne:
FF 45.0.1 auf einem Windows 10 64bit
FF 45.0.1 auf einem Windows 10 64bit
Danke!
Moin,
Spar dir doch den JS-Krampf und nimm nur CSS.
Siehe: http://css3.bradshawenterprises.com/cfimg/
Das sollte auch gängiger unterstützt sein und weniger Stress mit NoScript-Usern geben. ;)
Gruß
Chris
Spar dir doch den JS-Krampf und nimm nur CSS.
Siehe: http://css3.bradshawenterprises.com/cfimg/
Das sollte auch gängiger unterstützt sein und weniger Stress mit NoScript-Usern geben. ;)
Gruß
Chris
Moin,
den Link hatte ich auch gefunden, es hat allerdings nicht so funktioniert wie es sollte.
Da Web wie gesagt nicht meine Welt ist, wollte ich mich auch nicht unnötig lange damit auseinander setzen sondern habe nach einer anderen Lösung gesucht.
Es ist ohnehin nur eine "hier kommt eine neue Seite"-Seite die übergangsweise online geht.
Falls ich noch weitere Probleme bekomme, gucke ich mir die CSS Lösung noch einmal genauer an.
Danke und Gruß
Falk
den Link hatte ich auch gefunden, es hat allerdings nicht so funktioniert wie es sollte.
Da Web wie gesagt nicht meine Welt ist, wollte ich mich auch nicht unnötig lange damit auseinander setzen sondern habe nach einer anderen Lösung gesucht.
Es ist ohnehin nur eine "hier kommt eine neue Seite"-Seite die übergangsweise online geht.
Falls ich noch weitere Probleme bekomme, gucke ich mir die CSS Lösung noch einmal genauer an.
Danke und Gruß
Falk
Ich habe das ganze jetzt noch einmal rein in css nachgebaut und dazu einen neuen Thread aufgemacht, da es an einer Stelle noch hapert.
LINK
LINK
