Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Module ›

views-carousel / jcarousel; flash of unstyled content

Eingetragen von dude (338)
am 29.07.2009 - 00:17 Uhr in
  • Module
  • Drupal 6.x

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

‹ [gelöst] Modul Search Eigenes Contentelement / Automatische "Verlängerung/Erneuerung" und push an den Anfang einer Liste ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Sichtbarkeit bei CSS

Eingetragen von Alexander Langer (3416)
am 29.07.2009 - 00: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

  • Anmelden oder Registrieren um Kommentare zu schreiben

?

Eingetragen von dude (338)
am 29.07.2009 - 00:28 Uhr
Alexander Langer schrieb

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?

  • Anmelden oder Registrieren um Kommentare zu schreiben

div.class {  display:

Eingetragen von dawehner (2639)
am 29.07.2009 - 00: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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

?

Eingetragen von dude (338)
am 29.07.2009 - 00:46 Uhr
dereine schrieb

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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Klar, das "Beispiel im Netz"

Eingetragen von Alexander Langer (3416)
am 29.07.2009 - 08: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

  • Anmelden oder Registrieren um Kommentare zu schreiben

schade ..

Eingetragen von dude (338)
am 30.07.2009 - 01: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!

  • Anmelden oder Registrieren um Kommentare zu schreiben

Alexander Langer

Eingetragen von dawehner (2639)
am 30.07.2009 - 07:52 Uhr
Alexander Langer schrieb

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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Habe ich doof gecopypastet?

Eingetragen von Alexander Langer (3416)
am 30.07.2009 - 09: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

  • Anmelden oder Registrieren um Kommentare zu schreiben

ok hast schon irgendwie

Eingetragen von dawehner (2639)
am 30.07.2009 - 12: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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

dude schrieb sah nach ner

Eingetragen von Alexander Langer (3416)
am 30.07.2009 - 13:53 Uhr
dude schrieb

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

  • Anmelden oder Registrieren um Kommentare zu schreiben

nö ..

Eingetragen von dude (338)
am 30.07.2009 - 14:40 Uhr
dereine schrieb
Alexander Langer schrieb

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!

  • Anmelden oder Registrieren um Kommentare zu schreiben

sch**ss ie

Eingetragen von dude (338)
am 30.07.2009 - 14: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!

  • Anmelden oder Registrieren um Kommentare zu schreiben

dude schrieb firefox hält

Eingetragen von Alexander Langer (3416)
am 31.07.2009 - 15:37 Uhr
dude schrieb

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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Guten Morgen, ich stehe

Eingetragen von Tunarus (1)
am 23.01.2010 - 12: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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • Taxonomie Beziehungen ausblendbar im Backend?
  • Suche Upgradeempfehlungen einer existenten Drupal7 Site auf 9/10?
  • Develop Custom Field in Views
  • Wie View mit einem Array von ids filtern?
  • Wie befülle ich den Cache automatisch? [gelöst]
  • [gelöst] "EntityMetadataWrapperException: Invalid data value given." für Datum-Feld in Webform
  • Wie kann man die Ansicht der Benutzer erweitern?
  • Paragraphs - mit drei Sprachen, die nicht immer alle übersetzt werden können.
  • Wie path/url_alias in views anzeigen?
  • Drupal 9 - PHP 8 - Modul funtkioniert nicht mehr
  • Timestamp wird in views falsch interpretiert
  • Google Fonts Drupal 7 Porto Theme
Weiter

Neue Kommentare

  • Bei Strato kann man doch
    vor 5 Tagen 3 Stunden
  • Fehlercode: SSL_ERROR_NO_CYPHER_OVERLAP
    vor 5 Tagen 7 Stunden
  • Was ist denn
    vor 6 Tagen 13 Stunden
  • Ohne das jetzt sicher zu
    vor 6 Tagen 13 Stunden
  • Kann es sein, dass das zweite
    vor 6 Tagen 14 Stunden
  • Da gibt es ehrlich gesagt
    vor 1 Woche 1 Stunde
  • [gelöst] "EntityMetadataWrapperException: Invalid data value giv
    vor 1 Woche 3 Stunden
  • Wie oben geschrieben, habe
    vor 1 Woche 1 Tag
  • php konsole und web interface
    vor 1 Woche 1 Tag
  • PHP unterschiedliche Version des Providers
    vor 1 Woche 1 Tag

Statistik

Beiträge im Forum: 247933
Registrierte User: 19622

Neue User:

  • Davidenabs
  • climtarmut
  • VerifproMi

» Alle User anzeigen

User nach Punkten sortiert:
wla9218
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3845
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 9 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association