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.