image popup when hovering over text

  • Resolved Nyx1961

    (@nyx1961)


    6 years, 3 months ago

    Hello. I would like an image to popup when I hover over some text. I’ve found plenty of plugins that do the opposite but none that cause an image popup when hovering over text. I’m hoping someone can help me. Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)

  • I’ve done it before, with a QR code that appeared only on hover of a link. In that example, it was obvious that the user was on desktop and the QR code was to take them to the mobile view, so it worked well, but typically you don’t want to have something that is only for a subset of users. Mobile devices don’t have hover, so they would never see it.

    If you still want to do it, this is what I did for the QR codes:

    <a class="demolink" href="my link destination">My Link Text
  <img class="qrcode" src="my image link" title="View Demo" />
</a>

    and the CSS

    .demolink {
    position: relative;
}
.demolink:hover .qrcode {
    visibility: visible;
}
.demolink .qrcode {
    bottom: -10px;
    position: absolute;
    visibility: hidden;
}
    Thread Starter Nyx1961

    (@nyx1961)

    I’ll give this a try. Thanks once again for your help, Joy. : )

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘image popup when hovering over text’ is closed to new replies.