Burst2flame
Member
Posted 4 months ago #
I've been searching all over on how to do this but I haven't really found a solution yet.
I have a page with about 15 images and I need each image to trigger a popup image when it is hovered over (kind of like how the image title attribute popup works, but I need an image to pop up instead of text)
Here's an example on what I need. Take a look at the skill tree on the world of warcraft site. Each skill when hovered over has a pop up box. I need it just like that but the popup needs to be an image instead of text.
http://us.battle.net/wow/en/tool/talent-calculator#druid
Any help is greatly appreciated. Thanks!
Misskim
Member
Posted 4 months ago #
You should add plugin Simple Popup Images plugin here's the link http://wordpress.org/extend/plugins/simple-popup-images/
Looks this plugin is old:
Requires: 2.0.4 or higher
Compatible up to: 2.3.3
Last Updated: 2008-2-16 Downloads: 14,987
Burst2flame
Member
Posted 4 months ago #
Yeah this plugin doesn't seem to work with the updated wordpress. Any other ideas?
http://www.codeproject.com/KB/scripting/Javascript_Image_PopUp.aspx
No guarantees...it's from Code Project but basically it's doable with javascript.
Misskim
Member
Posted 4 months ago #
Burst2flame
Member
Posted 4 months ago #
I followed the last link that you posted and it does almost exactly what I need. The only problem I'm facing now is that the popup shows up at a fixed point regardless. I need the popup to show up relative to the mouse pointer. Do you happen to know how I can alter the code so I can do that?
Css Code
[CSS moderated as per the Forum Rules. Please just post a link to your site.]
HTML code
<a class=”spiderpic” href=”http://webdesigninfo.wordpress.com”><img src=”http://a.wordpress.com/avatar/settysantu-48.jpg?1180110315″ width=”48px” height=”48px” border=”0″ /><span><img src=”http://www.stumbleupon.com/mainpics/2725502.jpg” /></span></a>
