Multiple Backgrounds

  • Hallo zusammen,

    vielleicht kann mir ja jemand helfen?
    Ich habe mehrere Hintergründe hochgeladen und möchte, dass bei jedem Reload der Seite ein anderer Hintergrund erscheint.

    Ist das möglich in Wordpress? Denke da kommt die body_class function ins Spiel. Aber wie schreibe ich das im Code.

    Wäre nett wenn Ihr mir helfen könntet. Danke!

    Gruß
    Daniel

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Hi,

    ist nicht von mir getestet, aber diverse Tuts bei Tante Google behandeln alle den selben Code, also denke ich das es wohl läuft.

    PHP
    <?php $random_image = rand(1, 5); /*let's choose random image...*/ ?>
    <img id="bg" alt="" src="<?php bloginfo('stylesheet_directory');?>/images/<?php echo $random_image; ?>.jpg" />

    Diesen Codeschnipsel musst du unter dem <body> Tag einfügen.
    Ich vermute den Tag findest du in der header.php deines Themes.

    Dann musst du nur noch die style.css deines Themes ergänzen;

    Code
    img#bg {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    }

    Beachte allerdings dabei, dass bei einigen Themes in der style.css bei der Definierung von #body eventuell eine Hintergrundgrafik festgelegt ist.
    Diese Anweisung müsstest du dann entfernen.

    Die Hintergrundgrafiken, lädst du dann in den Ordner images von deinem Theme.

    In oben aufgeführtem Beispiel sind 5 Grafiken definiert.
    1.jpg, 2.jpg, 3.jpg usw.

    Viel Spaß beim Probieren. ;)

    Bitte keine Fragen per PM, oder Foren-Chat. Für Fragen ist das öffentliche Forum da. Meine Uerdinger Seite

    Einmal editiert, zuletzt von Marcus[IS] (11. Mai 2012 um 14:00)

  • Hi,
    zunächst einmal Danke für Deine schnelle Hilfe.

    Funktioniert super. Danke!

    Wenn du mir jetzt noch erklären könntest wie ich das Menü über die Grafik lege. Weil das jpg nicht transparent ist.

    Gruß
    Daniel

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!