Mouseover für Posts auf Startseite ändern/Bild hinzufügen

    Hallo liebe Wordpress'ler,

    ich möchte einen Blog mit dem 'Grid Theme Responsive' (Demo hier: http://www.dessign.net/gridthemeresponsive/) einrichten. Ein paar kleine Änderungen habe ich bereits vornehmen können, doch bei der Anpassung des Mouseovers der Posts auf der Startseite bin ich bislang nicht weitergekommen. Vielleicht könnt ihr mir helfen?

    Ich möchte gerne beim Mouse-over statt eines rein schwarzen Hintergrundes mit einleitenden Zeilen aus der Detailseite ein Bild spielen. Das Bild ist für jeden Post ein individuelles img, also keines, das für alle Posts abgerufen werden kann.
    Hier sind zwei Beispielbilder: 1. Das Featured Image für den Post und 2. Das Mouseover-Bild für das Featured Image.

    Ist das möglich? Hat jemand Erfahrung damit, wie das zu machen ist?

    Vielen Dank für jede Hilfe und Unterstützung.

    LG, Kris[INDENT]


    [/INDENT]

    • 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

    Ich verstehe das so, dass mit Hover der im Title-Attribut vom Bild enthaltene Text angezeigt wird. Um da eine Änderung vorzunehmen, solltest Du richtig fit in HTML, CSS und WP sein, würde ich mal vermuten. Für Änderungen, wie sie Dir vorschweben, ist fachliches Wissen erforderlich, wäre meine vorläufige Einschätzung, allein schon um den Aufbau und die Funktionsweise zuerst im Theme richtig nachvollziehen zu können.

    HTML
    <div class="home_post_cont post_box">
<a href="Link zur Seite">
<img width="228" height="331" src="Das jeweilige Bild...jpg" 
title="Wird als Text angezeigt..." /></a>
</div><!--//home_post_cont-->

    Hi Melewo,

    ... das Problem ist ja, dass es kein für alle features images gültiges hover img ist und mit den eingebundenen PHP Funktionen, die individuellen Content abrufen, kenne ich mich leider nicht aus.

    HTML
    <div class="home_post_cont post_box">        
<?php } ?>            
<?php $temp_content = explode(" ",substr(strip_tags(get_the_content()),0,175));          $temp_content[(count($temp_content)-1)] = ''; $new_content = implode(" ",$temp_content); ?>            
<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('home-post',array('alt' => 'post image', 'class' => '', 'title' => '<div class="home_post_content"><div class="in_title">' . get_the_title() . '</div><p>' . $new_content . '...</p></div><div class="home_post_cat">' . $cat_text . '</div>')); ?></a>        
</div><!--//home_post_cont-->

    Danke dennoch für deine Antwort.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden