JQuery Fade In Fade Out On MouseOver Via Multiple Images In A Div?

You need a container for each image, otherwise there will be no element to trigger the mouse over when the image has faded out.

You need a container for each image, otherwise there will be no element to trigger the mouse over when the image has faded out. HTML jQuery $('. Img-container').

Each(function() { // Get a reference to the image. Var img = $(this). Find('img'); // img.hide(); $(this).

Hover(function() { img.stop(). FadeIn(500); }, function() { img.stop(). FadeOut(500); }); }).

Alex So, what does the . Img-container stand for? I place this into the HTML Document's tags right?

How does it call a CSS Div if it's not part of the CSS document? I think I am starting to get what's going on here. A little explanation please?

Thank you very much. – Aaron Brewer May 16 at 1:22 1 @Aaron Nope, this code will handle as many images as you like. I'll include some sample HTML.

– alex May 16 at 1:31 1 @Aaron Make a jsfiddle. Net and link me to it. – alex May 16 at 2:49 1 @Aaron Whoops, I stuffed my code.

See here. – alex May 16 at 3:44 1 @Aaron Use opacity property in CSS and fadeTo() in jQuery. – alex May 16 at 4:02.

Perhaps this little live demo will get you in the right direction as it uses both CSS3 and jquery to do the fading, so if one fails, the other can take over. jsfiddle.net/robx/jrnFj/2.

Thank you very much Robx. – Aaron Brewer May 16 at 5:03.

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