Показать сообщение отдельно
  #1 (permalink)  
Старый 28.08.2012, 09:22
Che Che вне форума
Интересующийся
Отправить личное сообщение для Che Посмотреть профиль Найти все сообщения от Che
 
Регистрация: 28.08.2012
Сообщений: 23

Подружить два скрипта (скроллер+скрипт эффекта при наведении)
Есть сайт на вордпресс. 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);
			
        });
    });


Пытаюсь поправить, но не получается.
На данный момент при загрузке сайта фото в скроллере черно-белые. При наведении появляется плюсик и фото темнеет (это вообще не нужно, а нужно, чтобы фото становилось цветным) после отвода курсора фото остается цветным, а не становится снова черно-белым...
Ответить с цитированием