Смена картинки товара

Тема в разделе "OpenCart", создана пользователем Graund, 24 дек 2014.

  1. Graund

    Graund

    Регистрация:
    24 мар 2013
    Сообщения:
    132
    Симпатии:
    3
    Интересует такая тема, возможно ли сделать так, чтоб на главной странице, к примеру в разделе "Новинки" и т.д, картинки товара были в черно-белом цвете, а при наведении курсора менялась на цветную. Встречал где то такую фишку, но не могу вспомнить где.
     
  2. cherkas

    cherkas

    Регистрация:
    25 фев 2013
    Сообщения:
    338
    Симпатии:
    44
  3. Zilog

    Zilog

    Регистрация:
    26 дек 2014
    Сообщения:
    21
    Симпатии:
    5
  4. Graund

    Graund

    Регистрация:
    24 мар 2013
    Сообщения:
    132
    Симпатии:
    3
    по ссылке, интересная штука, но что то не догоняю, как реализовать на деле
     
  5. Zilog

    Zilog

    Регистрация:
    26 дек 2014
    Сообщения:
    21
    Симпатии:
    5
    To apply a grayscale effect (color desaturation) to images across Firefox 10+, Firefox on Android, Internet Explorer 6 - 9, Chrome 19+ and Safari 6+ on desktop and iOS, use the following snippet below.

    что бы реализовать данный эфект для картинки преобразования в серые тона в браузерах Firefox 10+, Firefox на Android, Internet Explorer 6 - 9, Chrome 19+ и Safari 6+ на десктопах и iOS
    примерно так
    Код:
    img:hover {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    }
    img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    
    -webkit-filter: grayscale(0%);
    
    }
    
    
     
  6. Graund

    Graund

    Регистрация:
    24 мар 2013
    Сообщения:
    132
    Симпатии:
    3
    так это я на сайте видел, не вкуриваю куда это вставлять и в каком месте
     
  7. Zilog

    Zilog

    Регистрация:
    26 дек 2014
    Сообщения:
    21
    Симпатии:
    5
    в style.css в конце, а вот как - надо видеть что утебя)))))