用鼠標移動縮放的圖像

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});
    }
  });
});