Прикрутил лупу отсюда
http://pcvector.net/scripts/image-effects/7-effekt-lupy-na-izobrazhenii-zoomy.htmlНа денвере все работает, на сервере не хочет
Сделал так
в файл css/тема/stylesheet/stylesheet.css добавил
/*Лупа*/
.zoomy{
position: absolute;
display: none;
background-repeat: no-repeat;
-webkit-box-shadow: 3px 3px 10px #000;
-moz-box-shadow: 3px 3px 10px #000;
border: 0;
cursor: url(../image/blank.gif), move;
line-height: 100px;
text-align: center;
background-image: url(../image/loading.gif);
background-position: center;
background-color: #fff;
z-index: 1000;
}
.zoomy span{
display: block;
margin: 10px auto;
background:-webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0.50, rgba(255, 255, 255, 0)), to( rgba(255, 255, 255, .5)));
background:-moz-linear-gradient(bottom center, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .5) 100%);
}
.zoomy img{
opacity: 0;
filter:alpha(opacity=0);
}
.zoomy a{
color: #333;
text-decoration: none;
}
.broke a{
display: block;
height: 100%;
width: 100%;
}
#brokeZoomy{
display: block;
position: absolute;
width: 30px;
height: 30px;
top: 0px;
left: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
background: #fff url(../image/broke.gif) center no-repeat;
}
Залил картинки для лупы в папку css/тема/image/
залил jquery.zoomy0.5.min.js в core/js
в файле css/тема/theme/head.tpl.html
перед </head> добавил
<script type="text/javascript" src="./core/js/jquery.zoomy0.5.min.js."></script>
и в css/тема/theme/product_detailed.tpl.html в
<a href="./products_pictures/{if $p_default}{$p_default}-B.jpg{else}{$product_info[9]}{/if}" class="thickbox" id="adpdp{$product_info[11]}"><img src="./products_pictures/{if $p_default}{$p_default}.jpg{else}{$product_info[5]}{/if}" id="dp{$product_info[11]}" style="margin-bottom: 3px;" alt="{$product_info[1]}" /></a>
поменял class="thickbox" на class="zoom"
<a href="./products_pictures/{if $p_default}{$p_default}-B.jpg{else}{$product_info[9]}{/if}" class="zoom" id="adpdp{$product_info[11]}"><img src="./products_pictures/{if $p_default}{$p_default}.jpg{else}{$product_info[5]}{/if}" id="dp{$product_info[11]}" style="margin-bottom: 3px;" alt="{$product_info[1]}" /></a>
и в самом низу вставил
<script type="text/javascript">
$(function(){
$('.zoom').zoomy();
});
</script>
Где ошибся?
Куда копать?