1. круглая (хотя можно и классическую квадратную, задается в настройках)
2. ставится (по крайней мере, на default-шаблон) очень легко
Установка:
=========
1. в head.tpl.html должен быть jquery
2. копируем файлы в data/[шаблон]/
zoomy.css
zoomy1.4.6.js
3. в файле product_detailed.tpl.html
перед
<script type="text/javascript" src="data/{$smarty.const.TPL}/highslide.packed.js"></script>
вставляем
{* BEGIN лупа *}
<link rel="stylesheet" type="text/css" href="data/{$smarty.const.TPL}/zoomy.css" />
<script type="text/javascript" src="data/{$smarty.const.TPL}/zoomy1.4.6.js"></script>
<script type="text/javascript">
{literal}
jQuery(function(){
jQuery('.zoom').zoomy('mouseover',{ //включение лупы: 'click'-по щелчку, 'mouseover'-при наведении мыши, 'mouseenter'-вхождение мыши на объект
zoomSize: 200, //размер лупы
round: true, //true - круглая лупа, false - квадратная, (в IE6-8 не работает, лупа всегда будет квадратной)
glare: false, //true - градиентная размывка вверху линзы (подсветка) есть, false - нет
border: '5px solid #999' //параметры границ лупы
});
});
{/literal}
</script>
{* END лупа *}
А все class="highslide" заменям на class="zoom" - таких замен три для левого расположения картинки и три для правого.
И все!
Результат - https://cpu.badisoft...skorohodyi.html
Исходный URL, где я это нашел - http://www.seomark.ru/jquery_lupa.html