Ändern Sie einen "href" und img "src" -Wert bei der Aktualisierung mit JavaScript

Question

Ich möchte den Bild- und Ankerlink bei der Aktualisierung für meine Banner ändern. Ich habe 4 verschiedene Bannerbilder und 4 verschiedene Links für jedes Banner. Ich brauche also, wenn der Benutzer die Seite aktualisiert, lädt jeder Banner mit eigener URL.

HTML-Code:

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

Vielen Dank für jede Hilfe.

Answer 1

Sie könnten Bilder Quellen, die Sie in Array fügen Sie dann zufällig aus diesem Array wählen:

das hilft

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

Hoffnung.