I am bit busy with developing one fashion website, currently (http://test-domain.zakirsajib.co.uk/), where I have images come from posts and when mouse will hover on any image, the corresponding post title and post excerpt will de displayed. Couldn't make it happen though :)

Any clue will be helpful.

Site is developing in wordpress enviornment, so any php and css (though css parts are done, just need bit help from php part)

4 Answers 4


I think the php you'll need to put into your template is

<?php the_title();?>


<?php the_excerpt();?>

Wrapped up in whatever you are using to do the hover


I have not used Internet Explorer for a long time but I am sure that setting the 'alt' will not show as a tool-tip text in non IE browsers. For these browsers you will have to set the 'title' attribute.

  • good point, I'll amend my answer to include that Commented Mar 15, 2011 at 16:40

could you just set it up in the alt and title field for the image?

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

Of course this would only work in a WP loop, but I assume we are in a loop if you are displaying images?


you could try this. serves the purpose.

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

The required CSS

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

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.