Good day everyone, I would like to create a mouseover effect on one of the pages I am working on in RSD where if you hover over the text, an image and description (text) comes up. How would you go about doing that in RSD? Thanks for your input, it is greatly appreciated.
Respectfully,
Patrick
Patrick Edwards
Registered User
16 posts
Eric Rohloff
Senior Advisor
20,266 posts
It all depends on the look your after. I would take a look at jquery tooltipster
http://iamceege.github.io/tooltipster/
http://iamceege.github.io/tooltipster/
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 much Eric, I think that is going to be helpful, if I have any other questions, I will let you know but thank you so much for the link, I really appreciate it very much.
Patrick
Patrick
Robert Wallace
Registered User
24 posts
Hi Patrick,
I basically asked the same question a few hours earlier. You sound like you got the best answer. Please post how the tooltipster worked with RSD. You can be the beta tester, LOL.
If it works well for you I will try it out as well.
Thanks
I basically asked the same question a few hours earlier. You sound like you got the best answer. Please post how the tooltipster worked with RSD. You can be the beta tester, LOL.
If it works well for you I will try it out as well.
Thanks
Eric Rohloff
Senior Advisor
20,266 posts
Look at this to get you going.
http://progrower-rsd.coffeecup.com/tooltipster.html
http://progrower-rsd.coffeecup.com/tooltipster.html
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
Good afternoon Eric, I just took a look at the link you posted with the tooltipster and the explanation looks a lot more simple than the actual tooltipster webpage. How would I go about making changes to the code if I just wanted to use text to mouseover and have a picture with text come up instead. Also, I downloaded tooltipster and only copied the css and min.js files to my resources folders, will it still work or do I have to copy the entire folder I downloaded. Thanks so much Eric.
Respectfully,
Patrick
Respectfully,
Patrick
Patrick Edwards
Registered User
16 posts
My guess is the text or the "Name" would be the #tooltip, and the tooltipster would be the image and the text sandwiched in between like you have in the example. Each "name" would be in its own html element box and the function would be in the footer of each box example, is that correct?
Eric Rohloff
Senior Advisor
20,266 posts
Alter the code to be this.
I update my tooltip page.
$('#tooltip1').tooltipster({
content: $('<span><strong>This has text only.</strong></span>')
});
content: $('<span><strong>This has text only.</strong></span>')
});
I update my tooltip page.
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
Thanks Eric, will this produce a picture and text when I hover over the content text? Also, will the copied css and js.min files work or will I need to copy the entire tooltipster folder, also will I be using individual html element boxes? Thanks Eric, I appreciate it very much.
Patrick
Patrick
Eric Rohloff
Senior Advisor
20,266 posts
I guess I'm not clear on what your actually looking for.
1. Image with tooltip text
2. Image with tooltip text and image.
3. Text with tooltip text
4. Text with tooltip text and image.
1. Image with tooltip text
2. Image with tooltip text and image.
3. Text with tooltip text
4. Text with tooltip text and image.
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
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.
