1. #1
    [MJ]'s Avatar
    Registered
    17/07/02
    Location
    Oilsjt
    Posts
    3,098
    iTrader
    54 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/7

    Roterende banners

    Ik wil 2 clickable sponsorbanners om de 10 seconden laten afwisselen. Het roteren zelf gaat goed, maar er loopt iets mis met het linken.

    De ene banner linkt gewoon terug naar het forum, de andere banner opent webadres http://mijnforum.be/http://desitedieopenmoet.be

    De code ziet er als volgt uit en is gegenereerd op htmlbasix (niet zelf geschreven dus)
    Iemand die het probleem ziet of weet waar ik een betere code kan krijgen?

    Code:
    <div style="text-align: center; width: 100%;margin: 0; padding: 0;"><script type="text/javascript">
    var imgs1 = new Array("http://imgur.com/DQXpWk9.jpg","http://imgur.com/MsspRnL.jpg");
    var lnks1 = new Array("www.advocatenkantoorbeirinckx.be","www.advocatenkantoorbeirinckx.be");
    var alt1 = new Array("Advocatenkantoor Beirinckx","Advocatenkantoor Beirinckx");
    var currentAd1 = 0;
    var imgCt1 = 2;
    function cycle1() {
      if (currentAd1 == imgCt1) {
        currentAd1 = 0;
      }
    var banner1 = document.getElementById('adBanner1');
    var link1 = document.getElementById('adLink1');
      banner1.src=imgs1[currentAd1]
      banner1.alt=alt1[currentAd1]
      document.getElementById('adLink1').href=lnks1[currentAd1]
      currentAd1++;
    }
      window.setInterval("cycle1()",10000);
    </script>
    <a href=""www.advocatenkantoorbeirinckx.be"" id="adLink1" target="_blank">
    <img src="http://imgur.com/DQXpWk9.jpg" id="adBanner1" border="0" width="750" height="90"></a></div>
    no votes  

  2. #2
    De Wouter's Avatar
    Registered
    11/05/13
    Location
    Prov. Antwerpen
    Posts
    595
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Ik zou een container div gebruiken met daar in 2 divs die je afwisselt van zichtbaarheid. Lijkt me veel simpeler, niet?
    no votes  

  3. #3
    De Wouter's Avatar
    Registered
    11/05/13
    Location
    Prov. Antwerpen
    Posts
    595
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Een voorbeeld: Edit fiddle - JSFiddle

    Heb wel jQuery gebruikt (omdat ik te lui ben om veel te typen). Je moet wel het 1 en anders zelf nog invullen/aanpassen uiteraard.
    no votes  

  4. #4
    [MJ]'s Avatar
    Registered
    17/07/02
    Location
    Oilsjt
    Posts
    3,098
    iTrader
    54 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/7
    Ok, bedankt Wouter. Het werkt naar behoren nu.

    http://vapen.be
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in