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

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。使用width和height属性在css中设置它们。其他选项是使用jQuery插件，如http://www.visual-blast.com/javascript/jqzoom-jquery-plugin/或http://www.webappers.com/2008/12/16/jquery-javascript-image-magnifier-under-gpl/这是在鼠标悬停时触发，但您可以更改操作以触发事件。