Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Подружить два скрипта (скроллер+скрипт эффекта при наведении) (https://javascript.ru/forum/jquery/31134-podruzhit-dva-skripta-skroller-skript-ehffekta-pri-navedenii.html)

Deff 28.08.2012 13:26

Che,
Э - походу поспешил с обраткой
// Fade image
$('div.img_wrapper').mouseenter(function(){
        $('div.img_wrapper').mouseenter(function(){
           $(this).find('img:first').stop().animate({opacity:1}, 1000);
           
         }).mouseleave(function(){
           $(this).find('img:first').stop().animate({opacity:0}, 1000);
			
        });

Che 28.08.2012 18:05

Не работает :( Фото остается цветным после отведения курсора...

Deff 28.08.2012 18:44

Che,
Имхо мну уверен - что всё уже стоит - а мы лишнее навесили - пробуйте у брать и css код, который я дал и данный кусок скрипта
И- выложите ссылку... я поправлю - если не так

Che 29.08.2012 09:13

Все вернул, как было вначале. Ссылка: http://tinyurl.com/9ux3k83

Deff 29.08.2012 09:28

Che,
:-E Гы, а скрипт убрать(закомментируйте его) ксать, - в каком он скриптовом файле - да бы не рыть все ?


/*
// 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);
			
        });
    });

*/

Che 29.08.2012 09:39

Прошу прощения, закоментировал...
Путь к скрипту:
http://site.ru/wp-content/themes/the...js/scroller.js - вместо site.ru -реальный домен, не хочу, чтобы ссылка с форума в поиск попала...

Deff 29.08.2012 09:54

Цитата:

Сообщение от Che
Прошу прощения, закоментировал...

:blink: Дык вроде ничего и не изменилось ?

Che 29.08.2012 10:06

Нужно:

1. При загрузке сайта в скроллере черно-белые фото.
2. При наведении курсора на фото - цветное фото.
3. При отведении курсора от фото - черно-белое фото...

Сейчас при отведении курсора от фото оно остается цветным...Кроме того эффект затемнения и появления плюсика и описания при наведения курсора тоже не нужен...

Deff 29.08.2012 10:08

Цитата:

$new_width = $new_width + $(this).outerWidth(true);

}).hover(

function(){
$(this).find('img:first').stop().animate({ opacity : 1 }); //0.2
$(this).stop().animate({ opacity : 1, top : -10 });
$(this).find('.item-caption').stop().animate({ opacity : 1 });
},

function(){
$(this).find('img:first').stop().animate({ opacity : 0 });

if( !$(this).hasClass( 'ui-tabs-hide' ) ){
$(this).stop().animate({ opacity : 1, top: 0 });
}

$(this).find('.item-caption').stop().animate({ opacity : 0 });
}
);


$scroller.width( $new_width );
Замените в скрипте кусок, выделен синим

Deff 29.08.2012 10:19

Этот кусок скрипта(синим) уже есть в контексте файла - просто немного поправил( тот закомментированный - не трогаем


Часовой пояс GMT +3, время: 14:12.