Weißes Aufblitzen beim Laden von iFrames verhindern

Kartlos Tchavelachvili

# 6. September 2009

wow, cool

Antworten

Sunny Singh

# 20. September 2009

Genau das, was ich brauchte! Ich wusste nicht, dass das möglich ist.

Antworten

Dan

# 21. Oktober 2009

Danke, Jesus!!!!

Antworten

sonja

# 23. Februar 2010

DANKE!!!!

Antworten

gabi

# 4. März 2010

Warum funktioniert es bei mir nicht? Ich habe 3 Seiten mit iframes: Archiv, aktuell und Schwarz-Weiß-Serie

Wenn ich in IE 7 oder 8 schaue, blitzt die weiße Box immer noch auf… ???

Antworten

The Infinite Loop Blog

# 28. Mai 2010

Ihr Code hält den iframe versteckt, wenn JavaScript deaktiviert ist. Dieser hier blendet den Frame nur ein/aus, wenn JavaScript aktiviert ist.

//iframe flackert weiß Bugfix mit jquery
//Setze die Sichtbarkeit auf 'hidden' in der tatsächlichen Seite
$(“iframe”).load(function() {
$(this).css(“visibility”, “visible”);
});
$(“iframe”).ready(function() {
$(this).css(“visibility”, “hidden”);
});

Antworten

R

# 31. Mai 2010

Hallo,

Gibt es eine Chance, dass Sie mir sagen können, wie/wo ich dies in Facybox integrieren könnte?

Vielen Dank

Antworten

alf

# 1. September 2010

funktioniert einwandfrei!! vielen dank – Grüße aus Österreich – jodeldijodeldiö

Antworten

135design

# 22. November 2010

Gibt es eine W3C-gültige Lösung?

Antworten

Paul

# 9. Juni 2011

Ich liebe dich. Das ist einfach genial

Antworten

JDPaulsen

# 20. August 2011

Es funktioniert, aber nur einmal. Nachdem die vom iFrame erstellte Seite geladen ist, wenn Sie auf einen Link klicken, der eine andere Seite in diesem iFrame laden soll, und da der iFrame bereits geladen und somit sichtbar ist, ist das weiße Aufblitzen wieder da.

Antworten

Kapy

# 20. September 2011

kämpfe seit Ewigkeiten mit diesem Problem in fancybox,
gehe zum fancy box jacked.js

suche nach der ersten Fundstelle von “<iframe"

Antworten

Kapy

Permalink zum Kommentar# 20. September 2011

ändere zu

Kapy

# 20. September 2011

lässt mich kein vollständiges HTML posten
id=”fancybox-frame” name=”fancybox-frame’+(new Date).getTime()+'” frameborder=”0″ hspace=”0″ allowtransparency=”true” style=”visibility:hidden;” onload=”this.style.visibility = \’visible\’;” scrolling=”‘+e.scrolling+'” src=”‘+d.href+'”

Antworten

Kapy

# 20. September 2011

Sie müssen 3 Dinge tun
iframe unsichtbar machen, in CSS “visible:hidden”
iframe Transparenz erlauben, allowtransparency=”true”
den Body, den er anzeigt, einen transparenten Hintergrund geben, “background-color:transparent”

Antworten

Pest

# 11. November 2011

Vielen Dank! Das funktioniert sehr gut! Es ist lächerlich, dass Internet Explorer 9 IMMER noch einen weißen Hintergrund für iframes während des Seitenladens anzeigt! Unglaublich.

Antworten

SW

# 26. November 2011

Hier finde ich eine weitere gute Lösung, die funktioniert
http://swsharinginfo.blogspot.com/2011/11/avoid-iframe-white-flash-issue-while.html

Antworten

rttmax

# 8. Dezember 2011

danke. so einfach…

Antworten

Mario

# 28. März 2012

Vielen Dank. Ich habe Stunden damit verschwendet, das herauszufinden. Eine einfache Lösung, die funktioniert.

Antworten

migue

# 15. Juli 2012

Danke!!! Ich habe fast 2 Stunden damit verbracht, es selbst herauszufinden, aber das hilft so sehr!! Danke

Antworten

Avi

# 4. November 2012

Danke!!! Du hast mir sehr geholfen.

Antworten

Trung

# 22. November 2012

Genial! Vielen Dank!

Antworten

antyal

# 23. November 2012

Danke! Das war sehr hilfreich.

Antworten

Abaxsoft

# 14. Februar 2013

Danke für den Code
Ich habe gerade die Kommentare durchgelesen, wo jemand eine jQuery-Alternative vorschlug und sagte, dass JavaScript aktiviert sein muss für Ihre Lösung
Ich würde gerne wissen, wie Sie jQuery verwenden werden, wenn JavaScript deaktiviert ist
Hat auch jemand eine Lösung, um iframes innerhalb von Flash zu laden?
Ich suche nach etwas, um meine Seite vor Diebstahl zu schützen

Antworten

Alex

Permalink zum Kommentar# 21. April 2013

weil das Verstecken auch mit jQuery erfolgt. Das bedeutet, wenn kein JavaScript vorhanden ist, wird es nie versteckt und nie gezeigt, es ist einfach „da“ mit einem weißen Aufblitzen. Allerdings ist die Programmierung für Leute ohne JavaScript keine gültige Sache mehr, jeder hat JavaScript aktiviert, außer den paranoidesten Leuten, und diese Leute sind keine Leute, die man auf seiner Website haben möchte, es sei denn, man betreibt eine Art Verschwörungssite LOL. Verstehen Sie?

Brian

# 3. April 2013

Danke!

Antworten

Brandon

# 22. Mai 2013

Perfekt. Danke!

Antworten

Booki

# 30. August 2013

DU BIST MEIN HELD!!!!! Vielen Dank, ich habe zu lange nach einer Lösung für dieses Problem gesucht! ;-)

Antworten

Abhigyan

# 9. November 2013

Gibt es eine Möglichkeit, einen iframe mit höherer Priorität zu laden, noch bevor das CSS geladen wird?

Antworten

pankaj

# 12. Dezember 2016

Hallo Sir, haben Sie die Lösung gefunden???

Ich brauche das auch für meine Seite. Ich möchte einige Divs aus diesem iframe ausblenden und dann den Inhalt des iframes anzeigen.

Mein Code ist

function RemoveExtraDiv(){

            //Hides the breadcrumb from the iframe
        $("#IPFrame").contents().find("#header").css({"display": "none"});
        $("#IPFrame").contents().find("#wpadminbar").css({"display": "none"});
        $("#IPFrame").contents().find(".footer_container").css({"display": "none"});
        $("#IPFrame").contents().find(".footer-bottom").css({"display": "none"});
        $("#IPFrame").contents().find(".wrapper").css({"padding": "0px 20px"});
        $("#IPFrame").contents().find("#embeded_menu").css({"display": "block"});

        }
        </script>


         <div class="codegena_iframe"><iframe id="IPFrame" onload='RemoveExtraDiv(); ' src="http://bbomplusfranchising.com/test/shop/" height="750" width="100%"  style="background:url('http://codegena.com/wp-content/uploads/2015/09/loading.gif') white center center no-repeat;border:0px; " name="my frame "></iframe></div><style>.codegena_iframe{position:relative;padding-bottom:56.25%;height:0;overflow: hidden;max-width:100%;}.codegena_iframe iframe{position:absolute;top:0;left:0;width:101%;height:100%;}</style>

AJ Boet

# 19. September 2014

Perfekt! Kurz, einfach. Einfach großartig!

Antworten

Maria

# 17. November 2016

Vielen Dank für das Teilen dieses Beitrags!

Antworten

Jo King

# 20. Oktober 2020

Jemand mit deaktiviertem JS (aus Datenschutz- oder Sicherheitsgründen) wird den iframe-Inhalt nicht sehen

Antworten

riderQ45

# 12. November 2021

Du bist ein Genie!!
Danke =)

Antworten

Kommentare

Hinterlassen Sie eine Antwort Antwort abbrechen