WordPress.org

Ready to get started?Download WordPress

Forums

Thumbnail on mouseover (4 posts)

  1. karamba
    Member
    Posted 1 year ago #

    Hi, i'd like to display thumbnail when mouseover on post title.
    For example, I have post's list

    apple - $3
    pineapple - $5
    bananas - $2

    and when i mooseover at apple link, I need see thumbnail, without entering apple post.

    Could anybody give me a glue, please?

  2. renato_s
    Member
    Posted 1 year ago #

    Try setting the image as a background for the hover property in css. If, say, "apple" is in a <p> tag, maybe you can set the image as background to p:hover. You would need a Class "apple" also.

  3. karamba
    Member
    Posted 1 year ago #

    ok, but how take thumbnail pic from post to "outside"?

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    You may want to use a tooltip, whereby you create HTML for the image, then hide it using CSS and only display it on-hover of the title.
    http://csstooltip.com/

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags