Есть сайт на вордпресс. 
http://tinyurl.com/9ux3k83
Прикручен scroller.js.
Нужно, чтобы большие изображения показывались черно-белыми, а при наведении в цвете. Нашел вот это: 
http://www.coolwebmasters.com/tips-a...age-hover.html
При добавлении кода в scroller.js картинки показываются черно-белыми, при наведении - цветными, но при отводе курсора остаются в цвете, а нужно чтобы возвращались опять в черно-белые...Кроме того плюсик и описание, которое показывается при наведении не нужны... 
Скорее всего что-то не так с данным кодом:
// Fade image
        $('.item-overflow img').mouseover(function(){
           $(this).parent().find('img:first').stop().animate({opacity:1}, 1000);
        })
        $('.attachment-slider-post-thumbnail wp-post-image').mouseout(function(){
           $(this).stop().animate({opacity:0}, 1000);
			
        });
    });
Пытаюсь поправить, но не получается.
На данный момент при загрузке сайта фото в скроллере черно-белые. При наведении появляется плюсик и фото темнеет (это вообще не нужно, а нужно, чтобы фото становилось цветным) после отвода курсора фото остается цветным, а не становится снова черно-белым...