37 lines
1.6 KiB
JavaScript
37 lines
1.6 KiB
JavaScript
$(document).ready(function() {
|
|
|
|
var iew = $('#image-block').width();
|
|
var ieh = $('#image-block').height()-10;
|
|
var ih = 50;
|
|
if (ieh > 0) {
|
|
$('.stickers-box').css('height', ieh);
|
|
var left2 = (iew/2)-(parseFloat($('.position-2').css('width'))/2);
|
|
$('.stickers-box .position-2').css('left', left2);
|
|
$('.stickers-box .position-4').css('top', ((ieh / 2) - ih));
|
|
var left5 = (iew/2)-(parseFloat($('.position-5').css('width'))/2);
|
|
$('.stickers-box .position-5').css({
|
|
'top': ((ieh / 2) - ih),
|
|
'left': left5
|
|
});
|
|
$('.stickers-box .position-6').css('top', (ieh / 2));
|
|
var left8 = (iew/2)-(parseFloat($('.position-8').css('width'))/2);
|
|
$('.stickers-box .position-8').css('left', left8);
|
|
}
|
|
|
|
// product list
|
|
setTimeout(function() {
|
|
var picw = $('.product-container .product-image-container').width();
|
|
var pich = parseFloat($('.product-container .product-image-container').css('height'))-20;
|
|
var ihl = 35;
|
|
$('.stickers-box-list').css('height', pich);
|
|
$('.stickers-box-list .position-2').css('left', ((picw / 2) - ($('.position-2').width() / 2)));
|
|
$('.stickers-box-list .position-4').css('top', ((pich / 2) - ihl));
|
|
$('.stickers-box-list .position-5').css({
|
|
'top': ((pich / 2) - ihl),
|
|
'left': ((picw / 2) - ($('.position-5').width() / 2))
|
|
});
|
|
$('.stickers-box-list .position-6').css('top', (pich / 2));
|
|
$('.stickers-box-list .position-8').css('left', ((picw / 2) - ($('.position-8').width() / 2)));
|
|
}, 250);
|
|
|
|
}); |