Patrick Edwards
Registered User
16 posts
I guess, image and text with tooltip text if that is possible.
Eric Rohloff
Senior Advisor
20,271 posts
Online Now
two separate text only tootltips?
One on an image and one on some text?
One on an image and one on some text?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Patrick Edwards
Registered User
16 posts
On the example you have with the jack-o-lantern, you hover over the picture and you get the picture with some text. I wanted to list some names and then when you hover over the name, you get a thumbnail picture as well as a short bio of the person.
Eric Rohloff
Senior Advisor
20,271 posts
Online Now
Then use the top script and give each persons name in the list an unique ID.
<script>
$(document).ready(function() {
$('#person1').tooltipster({
content: $('<span><img src="images/person1.jpg" /><strong style="color:white;">Person #1</strong></span>')
});
$('#person2').tooltipster({
content: $('<span><img src="images/person2.jpg" /><strong style="color:white;">Person #2</strong></span>')
});
$('#person3').tooltipster({
content: $('<span><img src="images/person3.jpg" /><strong style="color:white;">Person #3</strong></span>')
});
$('#person4').tooltipster({
content: $('<span><img src="images/person4.jpg" /><strong style="color:white;">Person #4</strong></span>')
});
//Keep adding as many as needed.
});
</script>
$(document).ready(function() {
$('#person1').tooltipster({
content: $('<span><img src="images/person1.jpg" /><strong style="color:white;">Person #1</strong></span>')
});
$('#person2').tooltipster({
content: $('<span><img src="images/person2.jpg" /><strong style="color:white;">Person #2</strong></span>')
});
$('#person3').tooltipster({
content: $('<span><img src="images/person3.jpg" /><strong style="color:white;">Person #3</strong></span>')
});
$('#person4').tooltipster({
content: $('<span><img src="images/person4.jpg" /><strong style="color:white;">Person #4</strong></span>')
});
//Keep adding as many as needed.
});
</script>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Patrick Edwards
Registered User
16 posts
Thank you, very very much Eric, for your patience, guidance and knowledge. It is greatly greatly appreciated!!!! I will let you know how it goes and send you a link to the page once it is finished, thanks again.
Respectfully,
Patrick
Respectfully,
Patrick
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
