Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   BlackAndWhite - эффект для галереи (https://javascript.ru/forum/jquery/35421-blackandwhite-ehffekt-dlya-galerei.html)

Alex7 10.02.2013 20:01

BlackAndWhite - эффект для галереи
 
Приветствую! Имеется скрипт http://gianlucaguarini.com/canvas-ex...BlackAndWhite/ для эффекта чб фото.

Например в галерее 6 превьюшек, вопрос в том, как сделать, что бы, изначально все превьюшки были Цветными, а при наведении, активная превью осталась цветной, а остальные - стали Ч/б. То есть по сути вот так http://jsfiddle.net/tU8Qn/. Заранее благодарю за ответы.

ffx 11.02.2013 11:59

там же прям на сайте написано
$(window).load(function(){
    $('.bwWrapper').BlackAndWhite({
        hoverEffect : true, // default true
        // set the path to BnWWorker.js for a superfast implementation
        webworkerPath : false,
        // for the images with a fluid width and height 
        responsive:true,
        // to invert the hover effect
        invertHoverEffect: false,
        speed: { //this property could also be just speed: value for both fadeIn and fadeOut
            fadeIn: 200, // 200ms for fadeIn animations
            fadeOut: 800 // 800ms for fadeOut animations
        }
    });
});

Alex7 11.02.2013 12:36

В данном случае просто при наведении картинка становится цветной из чб.
А необходимо так:
Изначально при загрузке страницы все картинки цветные;
при наведении на какую-либо все картинки Кроме активной становятся ЧБ;
активная картинка - цветная.

ffx 11.02.2013 13:46

Alex7,
ну не знаю, как вариант сделать чтобы при mouseover данный плагин активировался и при mouseout деактивировался

Alex7 11.02.2013 14:14

Вы могли бы поподробнее, как именно сделать активацию и деактивацию ?

Deff 11.02.2013 18:48

Цитата:

Сообщение от ffx
ну не знаю, как вариант сделать чтобы при mouseover данный плагин активировался и при mouseout деактивировался

Так ?
Цитата:

$(window).load(function(){

$('.bwWrapper').BlackAndWhite({
hoverEffect : true, // default true
// set the path to BnWWorker.js for a superfast implementation
webworkerPath : false,
// for the images with a fluid width and height
responsive:true,
// to invert the hover effect
invertHoverEffect: true,
speed: { //this property could also be just speed: value for both fadeIn and fadeOut
fadeIn: 200, // 200ms for fadeIn animations
fadeOut: 800 // 800ms for fadeOut animations
}
});


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