natasha_thomas Posted March 7, 2011 Share Posted March 7, 2011 Folks, I am haivng tough time implementing Image Hover Text Code. Problem is, thwn i implement thees codes it disturbes my layout. Is there a Simple CSS based Image Hover Over Text Solutions? All i want to Each when HOverover is: "More Info". Any help? Cheers Natasha Quote Link to comment https://forums.phpfreaks.com/topic/229883-image-hover-text/ Share on other sites More sharing options...
cssfreakie Posted March 7, 2011 Share Posted March 7, 2011 oei, Doe you mean if you hover over an image to show the text "more info" or if you hover over text to show the image? Anyway i think you mean the first in that case you can use the title attribute; <img src="myimage.jpg" alt="image is gone" title="more info...?" /> If you were to mouse over this image a small pop-up would show more info..? You can also style the title another way would be this: http://www.communitymx.com/content/article.cfm?page=1&cid=4E2C0 Quote Link to comment https://forums.phpfreaks.com/topic/229883-image-hover-text/#findComment-1184104 Share on other sites More sharing options...
natasha_thomas Posted March 7, 2011 Author Share Posted March 7, 2011 Here is what i am looking for: http://www.twenga.co.uk/brands/Zenbow-7393.html Hover over mouse on Images and see the Text "Zoom", Instead I want to show "More Info" as text, with a hyperlink. How can i achieve something like this? Cheers Natasha T Quote Link to comment https://forums.phpfreaks.com/topic/229883-image-hover-text/#findComment-1184128 Share on other sites More sharing options...
cssfreakie Posted March 7, 2011 Share Posted March 7, 2011 ah that is indeed something different. That's why it's always good to be more precise. well the easiest way to do this is with javascript. I would post this in the javascript section. Pretty much what happens if i can see it correct is that on mouse over the image a <span> becomes visible and on mouseout it displays none again. Quote Link to comment https://forums.phpfreaks.com/topic/229883-image-hover-text/#findComment-1184156 Share on other sites More sharing options...
natasha_thomas Posted March 8, 2011 Author Share Posted March 8, 2011 ah that is indeed something different. That's why it's always good to be more precise. well the easiest way to do this is with javascript. I would post this in the javascript section. Pretty much what happens if i can see it correct is that on mouse over the image a <span> becomes visible and on mouseout it displays none again. Hi, have u posted this topic in Javascript section? can you please give me the link? Cheers N Quote Link to comment https://forums.phpfreaks.com/topic/229883-image-hover-text/#findComment-1184319 Share on other sites More sharing options...
cssfreakie Posted March 8, 2011 Share Posted March 8, 2011 oh sorry i meant: if I were you I would post it in the javascript section. sorry for the confusion You could this with css, but that is loads more complicated. Quote Link to comment https://forums.phpfreaks.com/topic/229883-image-hover-text/#findComment-1184357 Share on other sites More sharing options...
natasha_thomas Posted March 8, 2011 Author Share Posted March 8, 2011 oh sorry i meant: if I were you I would post it in the javascript section. sorry for the confusion You could this with css, but that is loads more complicated. hihihi, i guesses its what you meant, but asked away just to dust off the confusion. Alright i will post in JS Section. Cheers NT Quote Link to comment https://forums.phpfreaks.com/topic/229883-image-hover-text/#findComment-1184368 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.