javascript - CSS，jQuery：如何缩放图片库？

Question

我有一个图片库，其中包含许多内联块容器（类似于国际象棋场）。不，当我使用浏览器缩放 strg + 鼠标滚轮时，图像会被缩放，以便我可以看到更多或更少，具体取决于我是缩小还是放大。

我现在的问题是如何在不使用浏览器缩放功能的情况下直接在 jQuery 中执行此操作（可能使用幻灯片）？

有没有一种简单的方法可以做到这一点，还是我必须改变所有的宽度高度？

问候

Answer 1

也试试这个，以紧凑的形式：

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

Answer 2

第一个问题是你想放大多少图像以及它们有多大。我问是因为您需要以最大分辨率预加载图像，大图像可能会很慢。

假设这不是问题，我要做的是编写自己的函数来为宽度和高度设置动画；我认为没有更直接的方法了。

除此之外，还有很多 jQuery 插件：只需谷歌它们，我发现了一个有趣的列表：http ://www.tripwiremagazine.com/2011/10/jquery-image-zoom.html