Перейти к содержанию
MikeleCorleone

[Решено] Добавление эффекта увеличения на любую картинку

Рекомендуемые сообщения

Добрый день, нужно чтобы на любой картинке (по выбору) на любой страничке (по выбору) включался эффект увеличения картинки как на товарах, (colorbox fancybox в зависимости что стоит).

Возможно когда прописываешь и вставляешь картинки в описании нужно им что-либо прописать, класс, id ... тоже пойдет такой вариант - без заморочек.

Изменено пользователем MikeleCorleone

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

class="colorbox" rel="colorbox"

если используете не на странице продукта, то нужно прописать скрипт

<script type="text/javascript">$('.colorbox').colorbox({overlayClose: true,opacity: 0.5});</script>

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

class="colorbox" rel="colorbox"

если используете не на странице продукта, то нужно прописать скрипт

<script type="text/javascript">$('.colorbox').colorbox({overlayClose: true,opacity: 0.5});</script>

Нужно расположить такие картинки на странице категорий, скрипт прописать в catalog/view/theme/default/template/product/category.tpl ? или вы имеете в виду прямо в описании переключившись на Источник?

Попробовал, Не работает...

Изменено пользователем MikeleCorleone

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

попробуй

class="colorbox cboxElement"

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

попробуй

class="colorbox cboxElement"

Так при нажатии на картинку экран затеняется, изображения нету совсем :(

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
<a href="большая картинка" class="colorbox" rel="colorbox"><img src="маленькая картинка" /></a>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

<a href="большая картинка" class="colorbox" rel="colorbox"><img src="маленькая картинка"></a>

Попробовал так как вы написали, большая и маленькая картинки это у меня физически одна картинка, просто где большая без стилей ширины и высот, а маленькая со стилями (уменьшена) так не работает, класс попробовал colorbox cboxElement вместо colorbox тоже не работает

Получается нужно готовить физически 2 картинки?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Решение найдено нужно в описании вставить <script type="text/javascript">$(document).ready(function() { $('.colorbox').colorbox({overlayClose: true,opacity: 0.5}); });</script>

и на ссылку <a href="большая картинка" class="colorbox cboxElement" rel="colorbox"><img src="маленькая картинка"></a> маленькую картинку не обязательно подготавливать, достаточно указать ей height="(число)px"

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.