image-scaling - 增加/减少图像大小，网站

Question

我有一个带有表格和图像的网页，我想添加增加/减小图像大小的选项，我该怎么做？像 ctr+plus 和 ctr+ minus 这样的东西。

这就是现在的样子，http://www.ursic-ei.si/1.html

谢谢大家的回答。

Answer 1

您无法增加图像大小 - 您显示固定大小的图像。

你可以做的事情：

1. 具有相同图像的不同大小的副本，并在按下按钮时从服务器选择性地提供它们。

2. 提供单个较大的图像，该图像将自动缩放以适合元素的尺寸。然后在 JavaScript 按钮事件处理程序中更改该元素的大小。

   document.getElementById("myImgElement").width = 300;

   document.getElementById("myImgElement").height= 300;

你需要有一个比你缩小到的图像更大的图像。浏览器会自动缩放它以适应较小的图像元素。请注意，您需要一个足够大的图像以适合您的最大尺寸。然后使用上面的代码缩小规模。

Answer 2

您可以使用 javascript 更改图像的 css。使用宽度和高度属性在 css 中设置它们。其他选项是使用 jQuery 插件，例如http://www.visual-blast.com/javascript/jqzoom-jquery-plugin/或http://www.webappers.com/2008/12/16/jquery-javascript- image-magnifier-under-gpl/这在鼠标悬停时触发，但您可以更改操作以触发事件。