JavaScriptを使用してリフレッシュ時に "href"とimg "src"値を変更します

Question

私のバナーの更新時にイメージとアンカーリンクを変更したいと思います。私は4つのバナー画像と各バナーの4つの異なるリンクを持っています。だから私は、ユーザーが自分のURLでロードする各バナーのページをリフレッシュする必要があります。

HTMLコード：任意の助け

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

感謝。あなたは配列にあなたが持っているイメージソースを追加することができます

Answer 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]); 
}); 

は、この情報がお役に立てば幸いです。