CSS，jQuery：如何缩放图库？

Question

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

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

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

此致

Answer 1

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

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

除此之外，还有很多jQuery插件：只有谷歌他们，我发现了一个有趣的列表：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');
});