Show info when hover over thumbnail?

There are plugins for this kind of thing, but it's very easy to do by yourself This isn't tested, but it should get you going in the right direction: style type="text/css" media="screen"> . Image-list { list-style-type: none; margin: 0; padding: 0; } . Image-list li { margin: 0 10px 0 0; padding: 0; float: left; } .

Image-list li a { display: block; position: relative; height: 50px; width: 50px; } . Image-list li a span { display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.4); color: #fff; } This is my overlay content $(function() { $(". Image-list li a").

Hover( // Mouse Over function() { $(this). Find("span").fadeIn(); }, // Mouse Out function() { $(this). Find("span").fadeOut(); } ); }).

There are plugins for this kind of thing, but it's very easy to do by yourself. This isn't tested, but it should get you going in the right direction: This is my overlay content.

If you're looking for a javascript-independent solution - I know, sounds really silly but it's worth a try - you can do it through CSS purely. It's not too hard - jsfiddle.net/teddyrised/TWBhU/ What I did was to use the -webkit-transition / transition property. Of course, my solution isn't as elegant as what Jesse has posted, but it's just nice to know CSS could work some magic, too.

There are a few things you need to get sorted here - first you need to get your head around getting one thing on top of the other - so here's the effect you're after done really simply in just css using the :hover class. The key is using the absolute position in an absolutely positioned wrap to get the text on top of the image jsfiddle.net/aDwe4/ Next you want the fade the item - some people might not like it - but jquery makes this super easy - drop the hover class and put the animate function in your footer in some script tags jsfiddle.net/aDwe4/1/ Finally you now need to translate this into your wordpress tempalte - I'm not sure what's going on with your template - so I'll just write an example. I would install the get_the_image plugin then put something like this within your loop " rel="bookmark"> You're obviously going to have to look up how get_the_image works, but I think with all this you should be laughing!

I've created a grid portfolio page on my website and I'm looking to add a feature to the thumbnails. I'd like that whenever someone hovers over a thumbnail, it will show the post title, date of post and excerpt. Is there a plugin that does this?

If not, would anyone be able to tell me how I could achieve this?

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions