Welcome to WebmasterWorld Guest from 54.221.131.67

Forum Moderators: coopster & jatar k

tipso tooltip does not show image as tooltip content

Help fix the proper code

     
9:31 pm on Sep 4, 2017 (gmt 0)

New User

joined:Aug 31, 2017
posts: 6
votes: 0


Hello, I try to use

[tipso.object505.com...]
[github.com...]

my code is:

<script>
jQuery(document).ready(function(){
jQuery('.img-tipso').tipso({
useTitle: false,
background: 'rgba(0,0,0,0.8)',
position: 'top-left'
});

});

});
</script>


If I show image with test tooltip it works fine

<img src="http://www.domain.com/demo.png" class="img-tipso" data-tipso="test">


If I try to show content as image too it does not work

<img src="http://www.domain.com/demo.png" class="img-tipso" data-tipso="<img src="http://www.domain.com/demo.png"">

Do not suggest Ajax tooltip option because of this
[dreamincode.net...]
4:33 am on Sept 5, 2017 (gmt 0)

Administrator

WebmasterWorld Administrator phranque is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Aug 10, 2004
posts:11156
votes: 116


<img src="http://www.domain.com/demo.png" class="img-tipso" data-tipso="<img src="http://www.domain.com/demo.png"">


two obvious syntax problems here.
- you are missing a closing bracket between the consecutive double quotes.
- the double quotes for the data-tipso attribute conflict with the double quotes for the src attribute

once you've solved the syntax errors make sure you are using the correct attribute for the tooltip content.