CSS Zeitschiene & PHP Bildschiene

  • Hallo Leute,

    ich hab eine CSS Zeitschiene mit Javascript erstellt.

    das Logo auf der Seite ist wie folgt in der header.php gesetzt:

    PHP
    <div id="blogLead">
    			<img src="<?php bloginfo('template_directory'); ?>/images/avatar.png" alt="Icon" />
    			<p id="authorIntro"><?php bloginfo('description'); ?></p>
    		</div>

    die CSS Schiene klappt wunderbar. Jedoch weiss ich nicht wie ich das Logo genauso wechseln lassen kann.

    Hab versucht das Logo über CSS einzubinden via background-image jedoch klappte dies nicht.

    • 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

  • ah super!
    nur leider kann ich PHP absolut nicht schreiben :|

    könnte vlt jemand kurz das grundgerüst schreiben?
    kenne die syntax von PHP gaaar nicht sorry.

  • PHP
    <div id="blogLead">
    <img src="<?php bloginfo('template_directory'); ?>/images/<?php 
    if( date('G') < 10 ) { echo 'avatar.png'; } 
    elseif ( date('G') < 16 ) { echo 'avatar-nite.png'; } 
    else { echo 'avatar-default.png'; } 
    ?>" alt="Icon" />
    <p id="authorIntro"><?php bloginfo('description'); ?></p>
    </div>



    wegen der logik muessen drei faelle beruecksichtig werden:

    h < 10 = avatar (von mitternacht bis 10.59 morgens)
    h < 16 = avatar-nite (von 10 morgens bis 16.59 nachmittag)
    sonst = avatar-default (von 16.59 nachmittags bis mitternacht)

Jetzt mitmachen!

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