如何在加載的頁面上動態更改圖像，並在每個圖像上附加一個鏈接

Question

我在大多數網站上都看到了這一點。一旦頁面被加載，他們就會有一個類似的圖像廣告，它會隨之改變，也許它有一個設置好的計時器或其他東西。 而且，如果將光標懸停在圖像周圍，則始終會附有其他鏈接，該鏈接會將您帶到已指示的頁面。我該如何實現類似的目的。 我在想PHP或Javascript，但更喜歡php。

Answer 1

您可以使用一些JavaScript。

假設您有以下標記：

<a id='ad_link' href="http://url1.com">
    <img src='img1_url' />
</a>

然后，您從某處（例如，通過AJAX從服務器）接收到此數據。

{"link": "url2.com", "img": "img2_url"}

然后，您使用此代碼（使用jQuery）更新廣告：

function updateAd(ad_data) {
  $('#ad_link').attr('href', ad_data['link']);
  $('#ad_link img').attr('src', ad_data('img'));
}

現在，您可以通過多種方式請求新信息。 setTimeout()或setInterval()很簡單，可能是最明顯的方法。

Answer 2

php是服務器端語言，而不是客戶端，因此，如果瀏覽器中已經有圖像php不能執行任何操作，則可以使用javascript（客戶端）調用服務器獲取圖像，或者AJAX的另一種替代方法是將呈現您要在其間切換但顯示的所有圖像，而只是一個圖像，而使用javascript，您將在一段時間后隱藏該圖像並顯示另一個圖像。

html:

<img id="first" src="first.jpg"/> 
<img id="second" src="second.jpg" style="display:none"/>; 

javascript:

setTimeout('change',3000);
function change() {

    $('first').hide();
    $('second').show();

}

這樣的東西，但更好