用鼠标移动缩放的图像

Question

我试图做类似这样

但是我不知道如何开始，尝试使用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});
    }
  });
});