Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


MikeleCorleone

Recommended Posts

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

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

Змінено користувачем MikeleCorleone
Надіслати
Поділитися на інших сайтах


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
Надіслати
Поділитися на інших сайтах


<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 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.