Welcome to WebmasterWorld Guest from 54.224.91.58

Forum Moderators: coopster & jatar k

Message Too Old, No Replies

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:11276
votes: 133


<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.
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members