[Помогите] Увеличение изображения в статьях

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

  1. biolion

    biolion

    Регистрация:
    27 окт 2013
    Сообщения:
    306
    Симпатии:
    94
    Подскажите, плз, как можно реализовать? Или по клику или по наведению?
     
  2. nikfakel

    nikfakel

    Регистрация:
    24 июл 2013
    Сообщения:
    150
    Симпатии:
    33
    И так, и так.

    Изображению, которое нужно увеличить при наведении, присваиваете какой-нить класс - zoom к примеру: <img class="zoom" src="/image/post/photo.jpg">

    Классу zoom в CSS присваиваете:

    .zoom {transition: all 0.5s ease;}

    .zoom:hover {transform:scale(1.5,1.5);
    box-shadow: 0 0 3px rgba(0,0,0,0.5);}

    Работает только для CSS 3.0 - то есть в старых браузерах ничего не изменится (я бы лично забил на это, их доля все время уменьшается).

    Если надо увеличение по клику - устанавливаете какой-нибудь колорбокс (можно встроенный), присваиваете опять же картинке нужный класс и все.
     
    biolion нравится это.