So I built a custom html widget using html table to reproduce the multiproduct homepage with custom icons. Now I want to add a mouse over image to the product images. How do i do that?
Best answer by juan.delrio
View originalHow to add image with mouse over image inside html widget
Userlevel 3
+1
Userlevel 3
+1
<img src="image1" onmouseover="this.src='image2'" onmouseout="this.src='image1'" />
Userlevel 3
+1
I haven't tried that before, but it sounds interesting. I didn't know about the onmouseover thing. Can you tell me where you've used it in your community?
Userlevel 3
+1
So I wanted to create a Customer Facing Resource page that collects all our silos like the multiproduct page gainsight is using. But I wanted not square icons and I wanted 4 instead of 3 with out changing the home page which uses 3. So I fell back on my good old HTML 4.0 roots and started with a table. :)
So now I have my 4 silos, with a descriptive mouse over for each one. Now that I have the functional part out of the way, I can work on style :)
Userlevel 3
+4
This is SO cool! Love it! Thanks so much for sharing Juan - This is super useful for the community :)
Reply
Sign up
If you ever had a profile with us, there's no need to create another one.
Don't worry if your email address has since changed, or you can't remember your login, just let us know at community@gainsight.com and we'll help you get started from where you left.
Else, please continue with the registration below.
Welcome to the Gainsight Community
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.