（HTML）將它鏈接到圖像，不知道要編碼關閉圖像

我已經將圖像鏈接到圖像本身，以便它可以放大查看，但我不確定如何實現關閉選項（或onClick.close的一些線條，以便一旦放大的圖像被點擊就關閉）。我不希望用戶不得不點擊瀏覽器的後退按鈕返回到網站，所以我想知道是否有任何方法可以實現編碼系統，一旦放大的圖像被點擊就關閉了。或者我必須製作另一個頁面才能關閉？（HTML）將它鏈接到圖像，不知道要編碼關閉圖像

<ul> 
<li> 
<a href="images/sadMiddle.jpg"> 
<span>Middle of your heart</span> 
<img src="images/sadMiddle.jpg" alt="Middle" /></a> 
</li> 
</ul>

在此先感謝！

來源

2013-04-26 user2320517

標記將被瀏覽器渲染爲一個完整大小的圖像。不知道如何「觀看放大」會發生。 – 2013-04-26 01:56:50

對不起，我在該代碼之前有div代碼，它由一組圖像大小組成。 – user2320517 2013-04-26 01:57:54

不是一個真正的解決方案，但你可以看看fancybox http://fancybox.net/。它配備了您需要的所有功能。 – viclim 2013-04-26 01:58:58

您可以使用像jQuery這樣的庫來對圖像進行重疊。另外，如果學習JavaScript或如何使用jQuery來做這件事對你來說太過分了，你可以簡單地在你的a鏈接標籤中添加target="_blank"。這將使圖像在單獨的窗口或選項卡中打開。

<ul> 
<li> 
<a href="images/sadMiddle.jpg" target="_blank"> 
<span>Middle of your heart</span> 
<img src="images/sadMiddle.jpg" alt="Middle" /></a> 
</li> 
</ul>

來源

2013-04-26 01:57:27

是的，那也是我的替代解決方案，但我會研究jQuery。乾杯! – user2320517 2013-04-26 02:03:05

可以將href指向另一個只顯示此圖像的頁面，並且任何點擊返回到上一個。

或更好，但有一個位置是絕對的，最初隱藏的div。在事件中它的Z順序是+999，所以它在其他事物之上，位置變爲0,0，尺寸變爲頁面尺寸。它的內部html有圖像，div隱藏它的onclick事件，所以你回到之前的狀態

來源

2013-04-26 02:23:31 tgkprog

（HTML）將它鏈接到圖像，不知道要編碼關閉圖像

回答

相關問題