CSS，jQuery：如何縮放圖庫？

Question

我有一個圖庫，其中包含許多內聯塊容器（類似於國際象棋場）。 否，當我使用瀏覽器的zoom strg +鼠標滾輪時，圖像會縮放，以便根據放大還是放大來查看更多或更少。

我現在的問題是，如何在不使用瀏覽器縮放功能的情況下直接在jQuery中（可能帶有幻燈片）執行此操作？

有沒有簡單的方法可以做到這一點，還是我必須更改所有寬度的高度？

問候

Answer 1

第一個問題是你多么想放大的圖像，並有多大他們。 我問是因為您需要以最大分辨率預加載圖像，對於大圖像可能會很慢。

假設這不是問題，我要做的是編寫自己的函數來同時對寬度和高度進行動畫處理。 我認為沒有其他更直接的方法。

除此之外，還有許多jQuery插件：僅是Google插件，我在以下網站上找到了一個有趣的列表： http : //www.tripwiremagazine.com/2011/10/jquery-image-zoom.html

Answer 2

也可以嘗試以緊湊的形式進行此操作：

$('#image').mouseover(function()
{
    $(this).animate({width: "300px", height: "300px"}, 'slow');
});
$('#image').mouseout(function()
{   
    $(this).animate({width: "200px", height: "200px"}, 'slow');
});