Showing an image when hover over tooltip text

  • Resolved Mick37

    (@mick37)


    11 years, 1 month ago

    Hi
    I have been trying to replicate the solution you gave in the ‘showing images’ post and I am struggling.
    I have added the following –

    <span class=”tooltips” title=”< img src=https://www.example.com/yourimage.jpg >”>This will show a picture when hovered</span>

    I have changed the image ref – img src=https://www.example.com/yourimage.jpg
    to my own image.

    When I hover over the text ‘This will show a picture when hovered’ the tooltip appears but it contains the following –
    < img src=

    Any ideas?
    Other than this, this is the only tooltip i have found that works properly, including insides tables. Nice work.

    https://www.ads-software.com/plugins/simple-tooltips/

Viewing 1 replies (of 1 total)
  • Plugin Author ClevelandWebDeveloper

    (@clevelandwebdeveloper)

    Instead of the < before img use &l t; (remove space between l and t)
    Instead of the > after jpg use &g t; (remove space between g and t)

    Also, there should not be a space before img and there should not be a space after jpg

Viewing 1 replies (of 1 total)
  • The topic ‘Showing an image when hover over tooltip text’ is closed to new replies.