Zoom эффект при наведении на изображение

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

  1. butikstickerov

    butikstickerov

    Регистрация:
    9 сен 2013
    Сообщения:
    54
    Симпатии:
    1
    Подскажите пожалуйста,что необходимо сделать для того чтобы при наведении на изображение картинка увеличивалась. Пример.

    ВОТ CSS
     
  2. cereberlum

    cereberlum

    Регистрация:
    26 май 2013
    Сообщения:
    740
    Симпатии:
    266
    Чистым css тут не обойтись, нужен модуль типа МеджикЗум+ правда я бы другой посмотрел если на сайте много товаров, у меджик зума какой-то адский кеш картинок, за то ставится он легко. Да, он дороговатый, точнее условно-бесплатный, но красная надпись триалки лечится.
    Фанкибокс еще эффектно смотрится, а кстати, в примере не зум, а какая-то фигня, ибо не увеличивает.
     
    Последнее редактирование: 18 апр 2014
  3. butikstickerov

    butikstickerov

    Регистрация:
    9 сен 2013
    Сообщения:
    54
    Симпатии:
    1
    Использую готовый плагин Image Zoom состоящий из js + css подключаю его по инструкции к product.tpl cкрипт запустился,но не масштабирует не могу понять,где ошибка.

    ВОТ product.tpl посмотрите, пожалуйста.
     
  4. nikfakel

    nikfakel

    Регистрация:
    24 июл 2013
    Сообщения:
    150
    Симпатии:
    33
    Всего одна строчка CCS3 =)

    Код:
    img:hover {transform: scale(1.5,1.5);-webkit-transform:scale(1.5,1.5); transition: all 0.5s ease 0.3s; box-shadow: 0 0 4px rgba(0,0,0,0.5); }
    Жаль, старые браузеры не поймут.... (
     
  5. butikstickerov

    butikstickerov

    Регистрация:
    9 сен 2013
    Сообщения:
    54
    Симпатии:
    1
    Это не совсем то,что хотел nikfakel..