Thumbnail on mouseover

  • karamba

    (@karamba)


    11 years, 3 months 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?

Viewing 3 replies - 1 through 3 (of 3 total)
  • renato_s

    (@renato_s)

    11 years, 2 months 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.

    Thread Starter karamba

    (@karamba)

    11 years, 2 months ago

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

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 2 months 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/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Thumbnail on mouseover’ is closed to new replies.

Tags