Vista previa al pasar cursor sobre imagen de post

Stron dijo:

Yo lo haría con css y modificando el index.php del theme:

primero obtener un fragmento o resumen del post lo cual haces con php.

Darle a un div un position:relative; y dentro del div la imagen de miniatura y el fragmento del contenido con un position: absolute, de esta forma pondría la imagen sobre el texto, después con un hover darle un opacity: 0, y asi conseguiría que al pasar el mause se oculte la imagen mostrando parte del contenido.

Esto es solo un ejemplo de como lo he hecho en algunos de mis themes, es cosa de que lo apliques si sabes hacerlo . Pero si no pues esperemos y alguien de otra idea de hacerlo con algún plugin o otra alternativa.

HTML:

<div class="entrada"> 
        <div class="imagen">
        <img></img> // obiamente esta se obtendría igual con php
        </div>
        <div class="texto">
        <p>codigo php con el que se obtiene el fragmento.</p>
        </div>

</div>

.entrada {
    position: relative;
}

.imagen{
    position: absolute;
    z-index:2;
}
.imagen:hover{
     opacity: 0;
}

.texto{
    position: absolute;
}

Hacer clic para expandir...