Написал вот такой скриптик для зум эффекта
var lisImageZoom = {
JQ_IMG_IND: '.img-responsive',
JQ_IMG_WRAPPER_IND: '.product-image-container',
JQ_HOVER_IND: '.product_list li',
bufWidth: 0,
bufHeght: 0,
init: function(){
this.bind();
},
bind: function(){
var self = this;
$(this.JQ_HOVER_IND).live('mouseenter', function(){
self.bufWidth = self.getImageWidth(this);
self.bufHeght = self.getImageHeight(this);
$(self.JQ_IMG_WRAPPER_IND, this).width(self.bufWidth);
$(self.JQ_IMG_WRAPPER_IND, this).height(self.bufHeght);
$(self.JQ_IMG_IND, this).css({
'transition': 'all 1s ease 0s',
'max-width': self.bufWidth*1.2 + 'px',
'width': self.bufWidth*1.2 + 'px',
'margin': '-'+self.bufWidth*0.1 + 'px'
});
});
$(this.JQ_HOVER_IND).live('mouseleave', function(){
$(self.JQ_IMG_WRAPPER_IND, this).width('auto');
$(self.JQ_IMG_WRAPPER_IND, this).height('auto');
$(self.JQ_IMG_IND, this).css({
'transition': 'none',
'max-width': '100%',
'width': 'auto',
'margin': '0px'
});
});
},
getImageWidth: function($parent){
return $(this.JQ_IMG_IND, $parent).width();
},
getImageHeight: function($parent){
return $(this.JQ_IMG_IND, $parent).height();
}
};
$(document).ready(function(){
lisImageZoom.init();
});
При загрузке страницы все работает, но иногда(очень часто) через определенное время, или при переключении на другое приложение перестает работать. Ошибок в консоли нет. В чем может быть причина?
Еще заметил, что перестает работать автопрокрутка в bxslider