jQuery.BlackAndWhite

Все крутые примочки
Аватара пользователя
yurecnt
Администратор
Сообщения: 135
Зарегистрирован: 17 дек 2014, 14:02
Откуда: Нижий Тагил
Контактная информация:

jQuery.BlackAndWhite

Сообщение yurecnt » 21 дек 2014, 14:20

Любопытный плагин, который делает картинки на сайте черно-белыми, при наведении курсора мыши на изображение - плагин плавно делает ее цветной...
Интересное решение для фото-галерей.
И так, в html оформляем картинку так:

Код: Выделить всё

<a class="bwWrapper" href=#><img src="/img.jpg"></a>

В js-коде:

Код: Выделить всё

$('.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,
        /* this option works only on the modern browsers ( on IE lower than 9 it remains always 1)*/
        intensity:1,
        speed: { /*this property could also be just speed: value for both fadeIn and fadeOut*/
            fadeIn: 200, /* 200ms for fadeIn animations*/
            fadeOut: 200 /* 800ms for fadeOut animations*/
        },
        onImageReady:function(img) {
            /* this callback gets executed anytime an image is converted*/
        }
    });
Вложения
jQuery.BlackAndWhite_0.2.9.js.zip
(3.15 КБ) 280 скачиваний

Вернуться в «Плагины для JQuery»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость

cron