用鼠标移动放大的图像

Question

我正在尝试做类似this的事情

但我不知道如何开始，尝试在 CSS 中使用scale 函数缩放图像但它拒绝使用translate，所以我现在的问题是我该怎么做？

Answer 1

你能看看这个网站吗，我相信它会解决你的问题。

http://www.jacklmoore.com/zoom/

$(document).ready(function(){
  $('a.photo').zoom({url: 'photo-big.jpg'});
});


$(document).ready(function(){
  $('a.photo').zoom({
    url: 'photo-big.jpg', 
    callback: function(){
      $(this).colorbox({href: this.src});
    }
  });
});