Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien
Toon posts:

fine tuning banner scriptje.

Pagina: 1
Acties:
  • 228 views

Verwijderd

Topicstarter
Ik heb dit scriptje ...

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<script language="JavaScript1.2">

var howOften = 7; //aantal seconden dat de banner zichtbaar is
var current = 0; //start the counter at 0
var ns6 = document.getElementById&&!document.all; // detecteer ns 6

// links en banners
var items = new Array();
    items[0]="<a href='http://www.beemsterboerbv.nl'  'target=_blank' ><img alt='Beemsterboer BV)' src=' http://www.medemblikactueel.nl/wp-content/uploads/2012/07/web_ads_beesterboerbv.fw_1.png' height='110' width='870' border='0' /></a>"; //a linked image
    items[1]="<a href='http://www.inloophuispisa.nl/' 'target=_blank'><img alt='Inloophuis Medemblik)' src='http://www.hoornactueel.nl/wp-content/uploads/2014/03/webads_inloophuispisa_hoorn.jpg' height='110' width='870' border='0' /></a>"; //a linked image
    items[2]="<a href='http://www.debeergrafimedia.nl' 'target=_blank'><img alt='De Beer Grafimedia' src='http://www.medemblikactueel.nl/wp-content/uploads/2012/07/870x110banner-medemblik-actueel.jpg' height='110' width='870' border='0' /></a>"; //a linked image
   items[3]="<a href='http://www.stichtingtwinklestars.nl' 'target=_blank'><img alt='Twinkle Stars' src='http://www.medemblikactueel.nl/wp-content/uploads/2012/07/twinkle-stars.jpg' height='110' width='870' border='0' /></a>"; //a linked image
items[4]="<a href='http://www.inloophuismedemblik.nl' 'target=_blank'><img alt='Twinkle Stars' src='http://www.medemblikactueel.nl/wp-content/uploads/2012/07/web_ads_inloophuis.fw_.png' height='110' width='870' border='0' /></a>"; //a linked image

function rotater() {
    document.getElementById("placeholder").innerHTML = items[current];
    current = (current==items.length-1) ? 0 : current + 1;
    setTimeout("rotater()",howOften*1000);
}

function rotater() {
    if(document.layers) {
        document.placeholderlayer.document.write(items[current]);
        document.placeholderlayer.document.close();
    }
    if(ns6)document.getElementById("placeholderdiv").innerHTML=items[current]
        if(document.all)
            placeholderdiv.innerHTML=items[current];

    current = (current==items.length-1) ? 0 : current + 1; //instellingen
    setTimeout("rotater()",howOften*1000);
}
window.onload=rotater;
//-->
</script>

<layer id="placeholderlayer"></layer><div id="placeholderdiv"></div>


Op zich werkt het prima alleen bij een overgang naar een nieuwe banner flikkert het scherm even.. Hoe kan ik dat oplossen?

Voorbeeld op *snip* niet relevant

[ Voor 0% gewijzigd door RobIII op 25-03-2014 10:47 ]


  • André
  • Registratie: Maart 2002
  • Laatst online: 19-11 11:08

André

Analytics dude

Je hebt 2 functies genaamd rotater?

/edit:
Daarbij is dit wel een heel oud script (document.layers.. antiek) en zijn er handigere manier om banners te roteren dan op deze manier de innerHTML te vervangen. Ook worden de getoonde afbeeldingen nu niet gecached van te voren, maar pas ingeladen op het moment dat hij getoond wordt, en daarom de flikkering.

[ Voor 82% gewijzigd door André op 25-03-2014 10:36 ]


  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
Kan iemand even...?
Je loopt toch al lang genoeg rond om onze Quickstart te kennen, niet? Wat heb je zelf al gezocht/gevonden, geprobeerd? Etc. etc.

Zie ook NMe in "wmp mag niet auto starten"

[ Voor 11% gewijzigd door RobIII op 25-03-2014 10:48 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij


Dit topic is gesloten.