benni2: div erst dann einblenden, wenn Seite geladen

Hallo zusammen! Ich habe ein Wordpressblog und benutze dort ein Plugin, das mir unterhalb des Kopfes eine Slideshow mit den vorgestellten Beiträgen zeigt.

Das funktioniert auch alles wunderbar und sieht schön aus, aber ich habe ein Problem: Der Server auf dem das Blog haust ist ziemlich langsam (zumindest der Datenbankserver) was zur Folge hat, dass die Slideshow erstmal komplett als Liste geladen wird. Das ist ziemlich hässlich, weil sich dann der Inhalt überschneidet.

Jetzt würde ich gerne die Elemente der Slideshow (also die ganze ul) ausblenden, solange die Seite geladen wird ( display: none;). Dies soll aber rückgängig gemacht werden, wenn die Seite komplett geladen wurde, dann soll wieder das original Stylesheet des Plugins gelten.

Wie macht man so etwas?

Wer sich selbst ein Bild davon machen möchte: http://www.staffstudent.com

Viele Grüße, Benni

  1. Moin,

    Hallo zusammen! Ich habe ein Wordpressblog und benutze dort ein Plugin, das mir unterhalb des Kopfes eine Slideshow mit den vorgestellten Beiträgen zeigt.

    Das funktioniert auch alles wunderbar und sieht schön aus, aber ich habe ein Problem: Der Server auf dem das Blog haust ist ziemlich langsam (zumindest der Datenbankserver) was zur Folge hat, dass die Slideshow erstmal komplett als Liste geladen wird. Das ist ziemlich hässlich, weil sich dann der Inhalt überschneidet.

    Jetzt würde ich gerne die Elemente der Slideshow (also die ganze ul) ausblenden, solange die Seite geladen wird ( display: none;). Dies soll aber rückgängig gemacht werden, wenn die Seite komplett geladen wurde, dann soll wieder das original Stylesheet des Plugins gelten.

    Wie macht man so etwas?

    Das Slideshow-Script setzt overflow:hidden; für #slider. Mach das doch schon im CSS, dann sieht es auch ohne JS ganz OK aus.

    Gruß,
    Take

    1. Das Slideshow-Script setzt overflow:hidden; für #slider. Mach das doch schon im CSS, dann sieht es auch ohne JS ganz OK aus.

      Das wars, hat gewirkt. Super, danke dir!