Re: Feedback needed on portfolio design :)

[KevinChappell]

well i guess the background image wouldnt effect the overflow anyways so i take that back.

but for the animated images you could do this:

Code:

$(“.article-header img”).hover(function() {
$(this).addClass(“hover”).stop() /* Add class of “hover”, then stop animation queue buildup*/
.animate({
opacity: ‘1’
}, 400); /* the speed of how fast/slow this hover animates */

} , function() {
$(this).removeClass(“hover”).stop() /* Remove the “hover” class , then stop animation queue buildup*/
.animate({
opacity: ‘.5’
}, 400);
});

although I would recommend using something other than a table for the article images, and adding a class only for stuff you want animated so you can target it better.

I forgot to mention you will want to throw this into your javascript because of IE’s lack of love for CSS opacity

Code:

$(“.article-header img”).css({ opacity: .5 });