web-dev-qa-db-fra.com

Comment afficher le titre et l'extrait du message lorsque la souris survole une image?

Je suis un peu occupé à développer un site de mode, actuellement (http://test-domain.zakirsajib.co.uk/), où j'ai des images provenant de messages et lorsque la souris survole une image, le titre et le message correspondants. l'extrait sera affiché. Je ne pouvais pas y arriver :)

Tout indice sera utile.

Le site est en train de se développer dans l'environnement Wordpress, donc tous les php et css (bien que les parties css soient terminées, elles ont juste besoin d'un peu d'aide de la part de php)

customizationcsstitleimages
1
Zakir Sajib

Je pense que le php vous aurez besoin de mettre dans votre modèle est

<?php the_title();?>

et

<?php the_excerpt();?>

Enveloppé dans tout ce que vous utilisez pour faire le vol stationnaire

2
toomanyairmiles

pourriez-vous simplement le définir dans les champs alt et title de l'image?

img src="whatev" alt="<?php the_title(); ?>: <?php the_excerpt(); ?>" title="same code as alt" />

Bien sûr, cela ne fonctionnerait que dans une boucle WP, mais je suppose que nous sommes en boucle si vous affichez des images?

1
Rev. Voodoo

Je n'ai pas utilisé Internet Explorer depuis longtemps, mais je suis sûr que le réglage de 'alt' ne s'affichera pas comme un texte d'info-bulle dans les navigateurs autres que IE. Pour ces navigateurs, vous devrez définir l'attribut 'title'.

1
Arnold

vous pouvez essayer cela. sert le but.

<div class="post-content">
    <img src="" alt="img" />
    <div class="post-entry">
        <?php the_title();?><br>
        <?php excerpt();?>
    </div>
</div>

Le CSS requis

.post-content {background: #f60;} .post-entry {display:none;} .post-content:hover .post-entry{display:block;}

0
Shreyo Gi