Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.02.2013, 20:01
Новичок на форуме
Отправить личное сообщение для Alex7 Посмотреть профиль Найти все сообщения от Alex7
 
Регистрация: 10.11.2010
Сообщений: 7

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

Например в галерее 6 превьюшек, вопрос в том, как сделать, что бы, изначально все превьюшки были Цветными, а при наведении, активная превью осталась цветной, а остальные - стали Ч/б. То есть по сути вот так http://jsfiddle.net/tU8Qn/. Заранее благодарю за ответы.
Ответить с цитированием
  #2 (permalink)  
Старый 11.02.2013, 11:59
ffx ffx вне форума
Аспирант
Отправить личное сообщение для ffx Посмотреть профиль Найти все сообщения от ffx
 
Регистрация: 29.09.2008
Сообщений: 48

там же прям на сайте написано
$(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
        }
    });
});
Ответить с цитированием
  #3 (permalink)  
Старый 11.02.2013, 12:36
Новичок на форуме
Отправить личное сообщение для Alex7 Посмотреть профиль Найти все сообщения от Alex7
 
Регистрация: 10.11.2010
Сообщений: 7

В данном случае просто при наведении картинка становится цветной из чб.
А необходимо так:
Изначально при загрузке страницы все картинки цветные;
при наведении на какую-либо все картинки Кроме активной становятся ЧБ;
активная картинка - цветная.
Ответить с цитированием
  #4 (permalink)  
Старый 11.02.2013, 13:46
ffx ffx вне форума
Аспирант
Отправить личное сообщение для ffx Посмотреть профиль Найти все сообщения от ffx
 
Регистрация: 29.09.2008
Сообщений: 48

Alex7,
ну не знаю, как вариант сделать чтобы при mouseover данный плагин активировался и при mouseout деактивировался
Ответить с цитированием
  #5 (permalink)  
Старый 11.02.2013, 14:14
Новичок на форуме
Отправить личное сообщение для Alex7 Посмотреть профиль Найти все сообщения от Alex7
 
Регистрация: 10.11.2010
Сообщений: 7

Вы могли бы поподробнее, как именно сделать активацию и деактивацию ?
Ответить с цитированием
  #6 (permalink)  
Старый 11.02.2013, 18:48
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от 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
}
});

Последний раз редактировалось Deff, 11.02.2013 в 18:51.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Установка цвета через функцию .css() сбрасывает цвет для :hover xintrea jQuery 4 18.08.2012 15:38
Некорректная работа get(set)Attribute в IE для элементов img back to back Internet Explorer 15 09.06.2012 16:52
Как переделать простое меню для сайта на javascript? denspb Работа 2 16.07.2010 01:25
не получается вложить один эффект в другой svip Библиотеки/Тулкиты/Фреймворки 1 30.03.2008 11:07