JQuery Toggle images on / off issue?

I would do this in just css . Div_container img { filter:alpha(opacity=100); /* CSS3 standard */ opacity:1.0; } . Div_container:hover img { filter:alpha(opacity=60); /* CSS3 standard */ opacity:0.6; } .

Div_container:hover img:hover { filter:alpha(opacity=100); /* CSS3 standard */ opacity:1.0; } When not hovering over the contianer div, all are fully visible. When the mouse enters the div all img are set transparent, except for the img you actually hover over.

Beon yes it seems to work fine there, except when all the images are lined up along side each other (using css) it doesn't recognize when you leave one image to go to another. – DaveJ Feb 7 '11 at 17:27 thanks for your answer. Took me a while to get back to this one as I was off the project for a while.

Yes I think what you have suggested would work, except this site needs to work in IE7+ which I think only supports :hover on anchors if I'm not mistaken, thus the decision was made to go with JS. Also there are other effects that such as the slow fading that would only be achievable with CSS3 which is not fully supported in all browsers yet. – DaveJ Feb 7 '11 at 17:29.

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