增加/減少圖像大小，網站

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/這是在鼠標懸停時觸發的，但您可以更改操作以觸發事件。