title: Image with different anchor targets
body: <p>How can I get the "_self" target to be change-able depending on the url selected? So for example</p>
  
  <p>website1: _self
  website2: _blank</p>
  
  <p>Is this even possible?</p>
  
  <pre><code>
  &lt;html&gt;
     &lt;head&gt;
        &lt;title&gt;Advertise Spot #1&lt;/title&gt;
  
     &lt;script&gt;
          var links = ["http://www.website1.com","http://www.website2.com"];
          var images = ["https://www.website1.com/Content/Banners/2019_8_21_11_41_193.png","https://www.website2.com/Content/Banners/2019_8_21_11_35_493.png"];
           var i = 0;
          var renew = setInterval(function(){
              if(links.length == i){
                  i = 0;
              }
              else {
              document.getElementById("bannerImage").src = images[i]; 
              document.getElementById("bannerLink").href = links[i];
          i++;
  
          }
          },3000);
          &lt;/script&gt;
  
  &lt;a id="bannerLink" href="http://www.website1.com" onclick="void window.open(this.href,"_self"); return false;"&gt;
  &lt;img id="bannerImage" src="https://www.website1.com/Content/Banners/2019_8_21_11_41_193.png" width="900" height="900" alt="Website Ads"&gt;
  &lt;/a&gt;
  
  &lt;/html&gt;
  
  
  </code></pre>