views-carousel / jcarousel; flash of unstyled content
Eingetragen von dude (338)am 28.07.2009 - 23:17 Uhr in
hallo forum,
ich habe da ein problem (vor allem im internet explorer) mit dem views-carousel. guckt ihr einfach mal auf www.marke41.de
dieser "treppeneffekt" der slideshow beim seitenaufbau. (zu reproduzieren mit shift & reload)
hat da jemand ne idee wie man das noch optimieren könnte?
grüsse vom dude
- Anmelden oder Registrieren um Kommentare zu schreiben
Sichtbarkeit bei CSS
am 28.07.2009 - 23:21 Uhr
Sichtbarkeit bei CSS ausschalten und erst zum Schluss per jQuery wieder sichtbar machen (dann ist alles geladen).
--
mortendk: everytime you use contemplate... Thor is striking down from above with his mighty hammer - crushing and killing a kitten!
webseiter.de
Suchmaschinenoptimierung (SEO) & Drupal
?
am 28.07.2009 - 23:28 Uhr
Sichtbarkeit bei CSS ausschalten und erst zum Schluss per jQuery wieder sichtbar machen (dann ist alles geladen).
ääh ... und wie könnte das gehen? gibts da vielleicht sogar ein beispiel?
div.class { display:
am 28.07.2009 - 23:33 Uhr
div.class {display: none;
}
und das js
$("div.class").show();Aber automatisch geht natürlich nicht alles, es lohnt sich auch die dahinterlegenden Technologien wie CSS und JS zu lernen.
--------------
Blog www.freeblogger.org: Deutscher IRC-Channel: irc.freenode.net #drupal.de ... Jabber-me: dwehner@im.calug.de
SirFiChi ist auch dein Halbgott.
?
am 28.07.2009 - 23:46 Uhr
div.class {display: none;
}
und das js
$("div.class").show();Aber automatisch geht natürlich nicht alles, es lohnt sich auch die dahinterlegenden Technologien wie CSS und JS zu lernen.
css kann ich schon, aber für javascript gilt bei mir das gleiche wie für php. gibts vielleicht ein beispiel im netz?
edit: also wenn ich mir das js ansehe ... jquery und so .. sorry, bis ich DAS checke .. das wird in diesem leben nix mehr. ich bin einfach kein programmierer und so allein, ohne jemand fragen zu können schaff ich das auch nicht.
Klar, das "Beispiel im Netz"
am 29.07.2009 - 07:58 Uhr
Klar, das "Beispiel im Netz" findest du im Beitrag von dereine ;)
Ab ins Stylesheet:
#autoren {display: none;
}
Ab in den HEAD, oder besser vors schließende BODY-Tag der page.tpl.php bzw. page-front.tpl.php:
<script type="text/javascript">$(function(){
$("#autoren").show();
});
</script>
--
mortendk: everytime you use contemplate... Thor is striking down from above with his mighty hammer - crushing and killing a kitten!
webseiter.de
Suchmaschinenoptimierung (SEO) & Drupal
schade ..
am 30.07.2009 - 00:14 Uhr
sah nach ner guten idee aus, funktioniert aber leider auch nicht.
-----
Ich spreche leider kein PHP. (Mit "Hooks", "Funktionen" etc. kann ich daher leider nicht arbeiten.) Bitte bei der Beantwortung meiner Fragen berücksichtigen. Danke!
Alexander Langer
am 30.07.2009 - 06:52 Uhr
Klar, das "Beispiel im Netz" findest du im Beitrag von dereine ;)
Ab ins Stylesheet:
#autoren {display: none;
}
Ab in den HEAD, oder besser vors schließende BODY-Tag der page.tpl.php bzw. page-front.tpl.php:
<script type="text/javascript">$(function(){
$("#autoren").show();
});
</script>
Führt der JS Code nicht dafür, dass er eventuell vor dem CSS ausgeführt wird?
Probiers mal mit
<script type="text/javascript">$(document).ready(function() {
$("#autoren").show();
});
</script>
--------------
Blog www.freeblogger.org: Deutscher IRC-Channel: irc.freenode.net #drupal.de ... Jabber-me: dwehner@im.calug.de
SirFiChi ist auch dein Halbgott.
Habe ich doof gecopypastet?
am 30.07.2009 - 08:29 Uhr
Habe ich doof gecopypastet?
Aber grundsätzlich laden die Browser erst den CSS Krempel, stylen und führen dann JS aus. Drum setzt man zur Frontend-Performance-Optimierung den JS-Kram ja auch vors schließende BODY, weil es vorher eh nicht gebraucht wird und nur das Laden und Rendern vom Rest verzögert.
--
mortendk: everytime you use contemplate... Thor is striking down from above with his mighty hammer - crushing and killing a kitten!
webseiter.de
Suchmaschinenoptimierung (SEO) & Drupal
ok hast schon irgendwie
am 30.07.2009 - 11:14 Uhr
ok hast schon irgendwie recht.
Aber das css funktioniert, habe ich in firebug ausprobiert
-> das JS muss nicht richtig sein :) OK, ich gebe zu die Schlussfolgerung ist nicht so 100%tig
--------------
Blog www.freeblogger.org: Deutscher IRC-Channel: irc.freenode.net #drupal.de ... Jabber-me: dwehner@im.calug.de
SirFiChi ist auch dein Halbgott.
dude schrieb sah nach ner
am 30.07.2009 - 12:53 Uhr
sah nach ner guten idee aus, funktioniert aber leider auch nicht.
Hast du auf die Reihenfolge geachtet? Es bringt natürlich wenig das Ding per JS sichtbar zu schalten, wenn das Carousel Skript erst danach anspringt. den show() musst du schon zum Schluss machen...
--
mortendk: everytime you use contemplate... Thor is striking down from above with his mighty hammer - crushing and killing a kitten!
webseiter.de
Suchmaschinenoptimierung (SEO) & Drupal
nö ..
am 30.07.2009 - 13:40 Uhr
Klar, das "Beispiel im Netz" findest du im Beitrag von dereine ;)
Ab ins Stylesheet:
#autoren {display: none;
}
Ab in den HEAD, oder besser vors schließende BODY-Tag der page.tpl.php bzw. page-front.tpl.php:
<script type="text/javascript">$(function(){
$("#autoren").show();
});
</script>
Führt der JS Code nicht dafür, dass er eventuell vor dem CSS ausgeführt wird?
Probiers mal mit
<script type="text/javascript">$(document).ready(function() {
$("#autoren").show();
});
</script>
gleiches problem wie oben. das carousel ist nach dem laden zerschossen. hab jetzt schon so viel versucht, kann man wohl nur auf ein update warten.
-----
Ich spreche leider kein PHP. (Mit "Hooks", "Funktionen" etc. kann ich daher leider nicht arbeiten.) Bitte bei der Beantwortung meiner Fragen berücksichtigen. Danke!
sch**ss ie
am 30.07.2009 - 13:58 Uhr
firefox hält sich ja wenigstens an overflow:hidden - der ie ignoriert das. winzigweich saugt!
-----
Ich spreche leider kein PHP. (Mit "Hooks", "Funktionen" etc. kann ich daher leider nicht arbeiten.) Bitte bei der Beantwortung meiner Fragen berücksichtigen. Danke!
dude schrieb firefox hält
am 31.07.2009 - 14:37 Uhr
firefox hält sich ja wenigstens an overflow:hidden - der ie ignoriert das. winzigweich saugt!
Es gibt nicht "den IE". Es gibt derer viele (in freier Wildbahn zumindest 8, 7, 6). Für den 6er gibts eigene und weithin bekannte Workarounds für seine vielen Eigenheiten, z.B. das gute alte !important, Verwendung von DOCTYPE, height:100%, min-height und eben diverse Kombinationen, je nachdem welcher Bug es gerade ist (wobei es teils keine Bugs sind, sondern einfach nicht unterstützte Features).
--
mortendk: everytime you use contemplate... Thor is striking down from above with his mighty hammer - crushing and killing a kitten!
webseiter.de
Suchmaschinenoptimierung (SEO) & Drupal
Guten Morgen, ich stehe
am 23.01.2010 - 11:04 Uhr
Guten Morgen,
ich stehe ebenfalls vor dem Problem des FOUC und keine der Lösungen will bei mir funktionieren. Ich verzweifel´ langsam am IE. Hier die Seite, um die es geht (...ist noch im Designstudie-Status, nur die Links "Willkommen" und "Über uns" sind aktiv):
http://www.stoeberbox.de/webs/recklinghausen/index.htm
Ich habe bereits die Java-Script Löung wie auch die Lösungen von Bluerobot erfolglos probiert. Und natürlich lade ich die CSS im Head über LINK (mache ich immer so).
Kann mir einer von euch Experten bitte verraten, warum ich diesen elenden FOUC im IE nicht loswerde?
Danke im Voraus
Tunarus