You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

Caption inside image on hover? Created Mar 20, 2010

This thread is solved

Views: 1132     Replies: 1     Last reply Mar 20, 2010  
You must login first before you can use this feature

SoccerGuy3

Posts: 7

Registered:
Dec 9, 2009

Caption inside image on hover?

Posted: Mar 20, 2010

Looking for a way to put the caption inside the image inside a scrollable that appears on hover. I tried prying some code (below) from another site of mine, but it is doing strange things to the scrollable (after initial hover it puts a "line feed" or something and the rest of the scrollable moves down a line). Any ideas or suggestions?


		<script type="text/javascript">
		// execute your scripts when the DOM is ready. this is a good habit 
		$(function() { 
		 
		    // initialize scrollable 
		    $("#csPixArea").scrollable({size: 8}).circular();
		 
			$("#csPixArea a").hover(function(){
					$(".desc").css("display", "block");
				}, function() {
			$(this).find('img').removeClass("hover").stop()
			});
		}); 
		</script>		


SoccerGuy3

Posts: 7

Registered:
Dec 9, 2009

[solved]

Posted: Mar 20, 2010

Reply to: Caption inside image on hover?, from SoccerGuy3
Didn't need the JS part at all... pure css!

http://www.sohtanaka.com/web-design/css-on-hover-image-captions/