打開的圖像的寬度/高度（圖庫）

Question

我正在網站的畫廊上工作，該畫廊由顯示所有圖片的縮略圖塊和用於顯示特定圖像的部分組成。

這是我用來顯示縮略圖和真實大小的圖像的代碼。

<a class="thumb" name="tuzla1" href="http://hkdnapredak.com/root/images/stories/Tuzla2011.jpg" title="Tuzla">
 <img height="75" width="75" src="http://hkdnapredak.com/root/images/stories/Tuzla2011.jpg" alt="Tuzla" />
</a>

問題是：我想不出什么來設置打開圖像的大小。 設置縮略圖的大小很好：height =“ 75” width =“ 75”，但是打開的縮略圖的大小是個問題。

Answer 1

使用此方法，您無法設置要鏈接到的圖像的大小。 它將在沒有關聯HTML的瀏覽器中打開，因此它將以其完整尺寸（或縮放以適合瀏覽器的大小）打開。

解決方案是鏈接到包含圖像的頁面。 這使您可以設置確定圖像尺寸的代碼。 但是，這是一個手動過程-500張圖像將需要500個自定義頁面。 不理想。

如果您變得更復雜，則可以構建腳本並傳遞腳本以及圖像名稱，高度和寬度，然后動態構建頁面以指定高度和寬度顯示圖像。 然后，您可以使用1個腳本顯示任意數量的圖像。

另一種方法是使用燈箱插件，該插件可讓您將完整尺寸的圖片彈出到頁面其余部分上方的框中。 您可能已經在Facebook或其他網站上看到了這種方法-它很流行並且不需要花費太多精力。 我喜歡它是因為您不必離開當前頁面，並且可以在相當緊湊的頁面上顯示很多照片。