$(document).ready(function(){$('.thumbnail').each(function(){const $img=$(this).find('.thumbnail-img');const $preview=$('.zoom-preview');$(this).on('mousemove',function(e){const containerWidth=$(window).width();const containerHeight=$(window).height();const scale=Math.min((containerWidth*0.8)/$img[0].naturalWidth,(containerHeight*0.8)/$img[0].naturalHeight,1);let x=e.clientX+20;let y=e.clientY+20;if(x+$preview.outerWidth()>containerWidth){x=e.clientX-$preview.outerWidth()-20;}
if(y+$preview.outerHeight()>containerHeight){y=e.clientY-$preview.outerHeight()-20;}
$preview.css({transform:`scale(${scale})`,left:`${x}px`,top:`${y}px`,});});});});