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

[MikeleCorleone]

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

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

Змінено 25 березня 2013 користувачем MikeleCorleone

[vivivor]

class="colorbox" rel="colorbox"

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

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

[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 ? или вы имеете в виду прямо в описании переключившись на Источник?

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

Змінено 25 березня 2013 користувачем MikeleCorleone

[vivivor]

попробуй

class="colorbox cboxElement"

[MikeleCorleone]

попробуй

class="colorbox cboxElement"

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

[vivivor]

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

[MikeleCorleone]

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

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

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

[MikeleCorleone]

Решение найдено нужно в описании вставить <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"