george Posted September 30, 2011 Share Posted September 30, 2011 Go to my page and hover over the blue button that says "What I can do for you". This partially works. I am trying to get a picture to show up on hover, and then hide that picture on mousing out of hover. I am using $(document).ready(function(){$.preloadCssImages();$("[href='What.html']").hover(function(){ $("#spacer").hide(); $("#imggoose").show();},function(){ $("#spacer").show(); $("#imggoose").hide();})}); There is also another "demand" on hover, that the text in the button change color, and that words be displayed below the list of buttons. This part works fine when the code above is not active. With it being active, I get a flash show. Suggestions?TIA ->George Link to comment Share on other sites More sharing options...
thescientist Posted September 30, 2011 Share Posted September 30, 2011 personally, I would give the element which needs to hovered over an ID instead of the href selected you should check your error console, a lot of your images aren't being found according to the console. i would fix those, give your hover element an ID, and then go from there. Link to comment Share on other sites More sharing options...
ShadowMage Posted September 30, 2011 Share Posted September 30, 2011 Your div is overlapping the link so when the #imggoose div is shown, it triggers the mouseout event. Set the width on the #imggoose div to the same as your image. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.