Post Thumbnail with Featured Image Hover

  • Chuckle Butty

    (@chuckle-butty)


    11 years, 8 months ago

    Hi everyone,

    So, I’m fairly new to WordPress and firstly I have to say; Why didn’t I find it sooner! Really enjoying learning new things, and it’s forcing me to learn PHP, which I’ve been putting off for too long…

    Anyway, I was wondering if anyone can help me out by giving some insight into how to make a posts thumbnail display the posts featured image on mouse hover, but have it work like a tooltip…? Much like on the Envato sites e.g. graphicriver.net.

    Any help would be very much appreciated. I’ve tried making it work around a simple:
    .div_img {display:hidden}; .div:hover .div_img {display:block;}
    sort of thing, but I don’t know how to anchor that to the cursor.

    I’m sure there’s probably a plugin or a simple PHP/JS snipet that will help…

    Many many thanks,

    Adam

Viewing 2 replies - 1 through 2 (of 2 total)
  • Sugar Apple

    (@blacklizt)

    11 years, 8 months ago

    1. you must have the tooltip script before. Find the proper tooltip script due not all of them support tooltip within image inside.

    2. based on your tooltip script, many ways to achive these function.

    3. if it’s static post thumbnail, like featured image on frontpage (not images inside gallery) then it would be easier.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 8 months ago

    1. you must have the tooltip script before. Find the proper tooltip script due not all of them support tooltip within image inside.

    You can create tooltips purely through CSS

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Post Thumbnail with Featured Image Hover’ is closed to new replies.