展開鏈接以在不使用javascript的情況下顯示圖像

Question

我有一個包含一些文本和鏈接的頁面。我想單擊這些鏈接時自己顯示圖像。不過，我一定不會使用JavaScript。我只能使用一些像PHP這樣的服務器端組件。 謝謝

Answer 1

由於您在評論中指出您不想重新加載頁面並且無法使用Ajax，因此PHP將無法爲您提供幫助，因爲它在服務器上運行。相反，你可以用CSS實現你想要的。看看this simple demo。

基本上，你把圖片的鏈接裏：

<a href="#img1">link text <img src="..."></a> 

，然後指定你的CSS是這樣的：

a img {display:none} 
a:visited img {display:inline} 

所以圖像默認是隱藏的，但一旦用戶點擊在鏈接上顯示圖像。如果您的網頁上有幾個圖像，必須分配各個環節不同href定位：

<a href="#img1">link text <img src="..."></a> 
<a href="#img2">link text <img src="..."></a> 

一個使用這種方法潛在的問題是，一旦一個用戶揭示了一個特定的圖像，該圖像也將被揭示除非用戶清除了瀏覽器歷史記錄，否則該用戶對該頁面的後續訪問都是默認值。如果要防止發生這種情況，即默認情況下始終隱藏所有圖像，則例如，您的PHP代碼可以每次生成隨機href錨點。

Answer 2

這是完全可能的，但你必須容忍的事實是，當用戶點擊鏈接，頁面將不得不重新加載，以顯示圖像。

所以，基本上，你的鏈接將是這樣的：

http://myserver/myscript.php?id=0

然後你的PHP將包括相應圖像的IMG標籤，也許是這樣的：

$id = $_GET['id']; 
echo "<img src='/images/image_$id.jpg'>\n"; 

如果你能夠使用Javascript，你可以在不需要重新加載頁面的情況下工作，但除此之外，使用PHP應該沒問題。