CSS，jQuery：如何縮放圖片庫？

我有一個圖像庫，其中包含大量的行內塊容器（類似於國際象棋領域）。沒有當我使用瀏覽器縮放strg +鼠標滾輪圖像得到縮放，以便我可以看到或多或少取決於如果我縮小或放大。CSS，jQuery：如何縮放圖片庫？

我現在的問題是我如何可以直接在jQuery（也許用幻燈片）而不使用瀏覽器縮放功能？

有沒有一種簡單的方法來做到這一點，或我必須改變所有寬度高度？

問候

來源

2012-05-19 bodokaiser

如果你使用了某種滑塊（垂直或水平），你可以編寫一個函數來修改內嵌塊和圖像的寬度/高度。這只是管理以前的縮放因子和新值的一個簡單問題。給它一個鏡頭，並提出你遇到的困難。人們不會爲你執行實施。 – Candide

我的問題是如果有一個簡單的方法，或者如果我不得不直接縮放寬度和高度。我認爲第二是要走的路。這是我的問題不多不少;） – bodokaiser

的第一個問題是多少你要放大的圖像，並有多大他們。我在問，因爲您需要以最大分辨率預先載入圖像，可能會因大圖像而變慢。

假設這不是問題，我會做的是編寫我自己的函數來動畫寬度和高度;我認爲沒有更直接的方法。

除此之外，還有很多jQuery插件在那裏：不僅僅是谷歌他們，我發現一個有趣的名單：http://www.tripwiremagazine.com/2011/10/jquery-image-zoom.html

來源

2012-05-19 10:39:32 Cranio

嗨，謝謝你的回答。請看看你的名單。並會考慮如何處理圖像... – bodokaiser

也該嘗試，在緊湊的形式：

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

來源

2012-05-19 19:16:39 Cranio

CSS，jQuery：如何縮放圖片庫？

回答

相關問題