2016-03-21 91 views
-1

我想更改橫幅上的圖片和錨點鏈接。我有4個不同的橫幅圖片和4個不同的橫幅鏈接。所以我需要當用戶刷新頁面時,每個橫幅都會用自己的URL加載。使用javascript更新刷新時的「href」和img「src」值

HTML代碼:

<div class="ad_body"> 
    <a href="http://www.domain.com/" target="_blank"> 
     <img src="images/banner/partner1.jpg"> 
    </a> 
</div> 

感謝您的幫助。

+0

可能重複的[使用jQuery更改圖像源](http://stackoverflow.com/questions/540349/change-the-image-source-using-jquery) – Rajesh

+0

你能解釋一下嗎?每個橫幅都會加載自己的網址** –

+0

我的意思是每個橫幅有獨特的網址,當用戶點擊橫幅用戶將重定向到網站。 –

回答

1

你可以添加你的陣列有圖片來源然後從該數組隨機選擇:

$(function(){ 
    var links = ["link1", "link2", "link3"]; 
    var arr = ["partner1.jpg", "partner2.jpg", "partner3.jpg"]; 
    var random = Math.floor(Math.random() * arr.length) + 0; 

    $(".ad_body a").attr("href", links[random]); 
    $(".ad_body img").attr("src", "images/banner/"+arr[random]); 
}); 

希望這有助於。

+0

但是我怎樣才能改變與橫幅圖像的錨鏈接? –

+0

你可以爲鏈接添加另一個數組,檢查我的更新。 –