Сообщений в теме: 7

[badisoft]

Нашел тут прикольную лупу.
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

Прикрепленные файлы

•  zoomy.zip   41.01К   8 Количество загрузок:

[FusSheva]

Это конечно дело каждого ставить такую вот лупу или нет. Выглядит конечно прикольно. Но вот лично меня раздражает на сайтах вот такие и подобные лупы. Всегда хочется глянуть на все изображение целиком.

[badisoft]

Но вот лично меня раздражает на сайтах вот такие и подобные лупы. Всегда хочется глянуть на все изображение целиком.

На кнопку мышки жмакнуть пробовали?
Ничего ведь не изменилось, только вместо маленькой лупы с плюсиком от highslide теперь большая лупа с куском big-картинки. Но точно так же можно кликнуть и увидеть большую картинку целиком.

PS. Я согласен, что приблуда мало где действительно полезна. Лупа всегда требует наличия точно такой же картинки, но более высокого разрешения. А если есть картинка более высокого разрешения, то почему бы не показать ее целиком, как штатно в shopCMS и сделано.

[FusSheva]

На кнопку мышки жмакнуть пробовали?
Ничего ведь не изменилось, только вместо маленькой лупы с плюсиком от highslide теперь большая лупа с куском big-картинки. Но точно так же можно кликнуть и увидеть большую картинку целиком.

Ну конечно пробовал Но останусь при своем мнении - это лишняя приблуда.
Хотя конечно, на вкус и цвет фломастеры разные.

[Lada]

Мне задавали вопросы некоторые покупатели женского пола, мол почему у вас нет такой лупы - с ней так удобно разные детальки рассматривать... Так что действительно - на вкус и цвет...

[Lada]

А подскажите где сменить размер лупы - уменьшить немного?
Думала что здесь, но не вышло:
========
файл zoomy.css
--------------------------
.zoomy-btn{
font-family: sans-serif;
position: absolute;
top: 50%;
left: 50%;
margin: -30px 0 0 -30px;
border-radius: 50%;
height: 60px;
width : 60px;
=====================
Подскажите где уменьшить эту лупу в размере в 2 раза

[badisoft]

Подскажите где уменьшить эту лупу в размере в 2 раза

Нажимаете на этой странице в браузере Ctrl-F и в окно поиска вводите "размер лупы" .

[Lada]

Да, невнимательность конечно.. ясно ведь написано - zoomSize: 200, //размер лупы
round: true, //true - круглая лупа, false - квадратная, (в IE6-8 не работает, лупа всегда будет квадратной)