Есть сайт на вордпресс.
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);
});
});
Пытаюсь поправить, но не получается.
На данный момент при загрузке сайта фото в скроллере черно-белые. При наведении появляется плюсик и фото темнеет (это вообще не нужно, а нужно, чтобы фото становилось цветным) после отвода курсора фото остается цветным, а не становится снова черно-белым...