Помогло и мне. Спасибо TulipQ. Лови +
И еще такой момент для пользователей шаблона XTC Teqmart.
В components/com_virtuemart/themes/jxtc_teqmart/templates/product_details в флайпейдже для осуществления
полностью на код TulipQ. И удалить полностью код ZOOMOO
<script type="text/javascript">
window.addEvent('load', function(){
var ww = window.getWidth();
var wh = window.getHeight();
var wst = window.getScrollTop();
var zoomit = null;
while(zoomit == null){
zoomit = document.getElement('img[class=zoomoo]');
}
var zoomit_width = zoomit.getStyle('width').toInt();
var zoomit_height = zoomit.getStyle('height').toInt();
var zoomtainer = zoomit.getParent();
zoomtainer.setStyle('width', '220px');
//alert(zoomit_width + ' - ' + zoomit_height);
var box = new Element('div',{
'styles': {
'display': 'block',
'overflow': 'hidden',
'position': 'relative',
'top': '0px',
'left': '0px',
'margin-bottom': '10px',
'cursor': 'pointer'
}
});
var aux = new Element('img',{
'styles': {
'display': 'none',
'position': 'absolute',
'width': zoomit_width + 'px',
'height': zoomit_height + 'px',
'left': Math.abs((ww - zoomit_width)/2) + 'px',
'top': Math.abs((wh - zoomit_height)/2) + wst + 'px',
'background': '#FFF',
'padding': '5px',
'margin': 'auto',
'border': '3px solid #808080',
'opacity': 0,
'cursor': 'pointer'
}
});
var area = new Element('div',{
'styles': {
'display': 'block',
'float': 'left',
'width': '220px',
'margin-left': '10px',
'margin-right': '10px',
'height': '18px',
'border': '0px solid #C0C0C0',
'background-image': 'url(components/com_virtuemart/shop_image/bar.jpg)'
}
});
area.setProperty('id', 'area');
var knob = new Element('div',{
'styles': {
'display': 'block',
'width': '12px',
'height':'18px',
'background': '#C0C0C0',
'cursor': 'pointer',
'border': '0px solid',
'background-image': 'url(components/com_virtuemart/shop_image/scroll.jpg)'
}
});
knob.setProperty('id', 'knob');
if (navigator.appName == "Microsoft Internet Explorer"){
knob.setStyle('margin-left', '-210px');
}
var minus = new Element('div',{
'styles': {
'display': 'block',
'float': 'left',
'width': '18px',
'height':'18px',
'border': '0px solid #C0C0C0',
'border': '0px solid',
'cursor': 'pointer',
'background-image': 'url(components/com_virtuemart/shop_image/minus.jpg)'
}
});
minus.setProperty('id', 'minus');
var plus = new Element('div',{
'styles': {
'display': 'block',
'float': 'left',
'width': '18px',
'height':'18px',
'border': '0px solid #C0C0C0',
'border': '0px solid',
'cursor': 'pointer',
'background-image': 'url(components/com_virtuemart/shop_image/plus.jpg)'
}
});
plus.setProperty('id', 'plus');
aux.src = zoomit.src;
aux.injectInside(document.body);
box.injectInside(zoomtainer);
zoomit.injectInside(box);
knob.injectInside(area);
minus.injectInside(zoomtainer);
area.injectInside(zoomtainer);
plus.injectInside(zoomtainer);
zoomit.makeDraggable();
box.setStyle('width', zoomit_width);
box.setStyle('height', zoomit_height);
zoomit.setStyle('position', 'absolute');
var fx = new Fx.Styles(aux, {duration:350, wait:false});
zoomit.addEvent('dblclick', function(){
wst = window.getScrollTop();
aux.setStyle('top', Math.abs((wh - zoomit_height)/2) + wst + 'px')
aux.setStyle('display', 'block');
fx.start({'opacity':1});
});
aux.addEvent('click', function(){
fx.start({'opacity':0});
});
var mySlide = new Slider(area, $('knob'), {
steps: 100,
onChange: function(step){
zoomit.setStyles({width: zoomit_width * (1 + step/100),
left: -zoomit_width * (step/100)/2,
height: zoomit_height * (1 + step/100),
top: -zoomit_height * (step/100)/2 });
}
}).set(0);
var repeat;
var zoomxp = function(){
//alert(mySlide.step);
mySlide.set(mySlide.step + 5);
};
var zoomxm = function(){
mySlide.set(mySlide.step - 5);
};
minus.addEvent('mousedown', function(){
zoomxm();
repeat = zoomxm.periodical(0.1);
});
minus.addEvent('mouseup', function(){
$clear(repeat);
});
plus.addEvent('mousedown', function(){
zoomxp();
repeat = zoomxp.periodical(0.1);
});
plus.addEvent('mouseup', function(){
$clear(repeat);
});
//$$('.sliderwrapper').setStyle('border','1px solid');
//$$('.sliderwrapper').setStyle('height','auto');
});
</script>
Возможно его можно и оставить но я не пробовал.
12.07.2017, 22:12:27