如何讓變焦平滑jquery

Question

我正在使用JQuery縮放圖像查看器。圖像正在放大點擊圖像。 我想平滑地進行縮放。我怎樣才能做到這一點？

代碼：

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script> 
<script src='js/jquery.zoom.js'></script> 
<script> 
    $(document).ready(function(){  
     $('#ex4').zoom({ on:'toggle' }); 
    }); 
</script> 

HTML

<div class="zoom" id="ex4"> 
    <img src="images/element.jpg"/> 
</div> 

Answer 1

可以使用duration選項，以這種方式來縮放效果將越來越顯得更光滑。

價：

持續時間120中的大的圖像的淡入/淡出速度。

代碼：

$(document).ready(function() { 
    $('#ex1').zoom({ 
     on: 'toggle', 
     duration: 1000 
    }); 
}); 

演示：http://jsfiddle.net/IrvinDominin/YDart/

Answer 2

這都歸結到你的瀏覽器的計算能力我很害怕，因爲變焦庫似乎很順利，我（http://www.jacklmoore.com/zoom/）。

此外，它似乎並不是「縮放」，而是在較大的圖形中消失，以產生相同的效果。

對不起，沒有真正的方法來優化，從我可以看到。

Answer 3

或者像我使用這個插件。它有很多的設置選項，我認爲每個人都認爲它需要什麼

http://www.elevateweb.co.uk/image-zoom/examples