Zufallsgenerierte Bilder im Header

    Vorweg: Ich glaube ich hab letztens einen Beitrag mit nem ähnlichen Thema hier im Forum gefunden, hab ihn jetzt aber trotz recht langer Suche nicht mehr gefunden. Also bitte ich das erneute Posten zu entschuldigen.

    Zu meinem Problemchen:

    Ich hätte gern nicht immer nur den gleichen Header sondern möchte bei jedem neuladen der Page zufallsgeneriert einen anderen auswählen lassen. Ansich ja kein Problem, gibt ja genug js Zufalls-generatorscripte. Allerdings hab ich das Problem das in der Style.css der Header festgelegt ist:

    Code
    #masthead {
margin: 0 auto;
border: 1px solid #383838;
background-image: url(masthead.jpg);
width: 780px;
height: 211px;
}

    Der header wird hier also auf die masthead.jpg festgelegt und dadurch erzielt ja mein Zufallsscript keine Wikrung mehr.
    Wie kann ich also das Zufalls-Script einbinden um nicht immer den gleichen Header zu haben?

    MfG

    • Gerade eben
    • 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

    ... kein Bild, kein Ton ...

    Da gibt es bestimmt mehrere Lösungen. Ich habe gesehen, das du es mit Javascript versuchst.

    Meine Lösung war mal diese:

    Plugin besorgen "Multiple Random Images" , aktivieren und konfigurieren im Adminbereich, spez. Verzeichnis für die Random-Bilder erstellen bzw. festlegen, Pfadangaben etc.

    Backgroundimage-Definition in der style.css für #masthead entfernen.

    In der entsprechenden Datei ( header.php ?) innerhalb des #masthead Containers etwas Code einfügen :
    Like this:

    PHP
    <div id="masthead">
<?php multiple_random_img(); ?>
</div>

    Das wars schon.

    "Whoever controls the media, controls the mind." J.Morrison

    juhu funktioniert soweit. zumindet auf den ersten blick o.O
    jetzt hab ich allerdings ein kleines darstellungsproblem:

    FireFox:
    [Blockierte Grafik: http://cymen.nobik.de/d2.jpg]

    IE:
    [Blockierte Grafik: http://cymen.nobik.de/d1.jpg]

    Firefox siehts aus wie es aussehen sollte, aber was hat im IE der Absatz unter dem Header zu suchen?
    Ist allerdings auch möglich das ich da ein bissl rumgemurkst habe, da ich da mal nochn Bild eingebaut hab um das Design zu verändern.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden