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

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/这是在鼠标悬停时触发的，但您可以更改操作以触发事件。