15. januar 2007 - 22:05Der er
4 kommentarer og 1 løsning
divrotator med javascript
Hej alle,
Jeg står med en række lister der skal kunne rotere, dvs. vises på skift. Som udgangspunkt arbejder jeg i et CMS system der tillader at indsætte javascript og derfor mit valg.
Jeg tænkte at jeg kunne lave en række div'ere som vist nedenfor:
<div id="Members"> <div id="member1"> <div class="memberHeader">header 1</div> <div class="memberPic">Billede 1</div> <div class="memberInfo"> Navn: navn 1<br /> Firma: firma 1<br /> Stilling: titel 1</div> </div> <div id="member2"> <div class="memberHeader">header 1</div> <div class="memberPic">Billede 1</div> <div class="memberInfo"> Navn: navn 1<br /> Firma: firma 1<br /> Stilling: titel 1</div> </div> <div id="member3"> <div class="memberHeader">header 1</div> <div class="memberPic">Billede 1</div> <div class="memberInfo"> Navn: navn 1<br /> Firma: firma 1<br /> Stilling: titel 1</div> </div>
</div>
Det er DIV'erne med id member1, member2, member3 etc. der skal skifte.
Jeg havde forestillet mig at man nu kan sætte display propertyene ved skiftevis at sætte disse til "block" og "none".
Jeg har forsøgt mig med forskellige små scripts men har ikke fundet en løsning der virker.
1. hvordan definerer/identificerer jeg den enkelte div? 2. hvordan sætter jeg en pause mellem skiftene? 3. hvordan sætter jeg scriptet til at køre så længe jeg er på en bestemt side?
setInterval er såvidt jeg husker først med i javascript 1.1 (øeh ca. 1995-1996), mens .getElementById først understøttes af IE5, Netscape 6, Mozilla 0, Firefox 0, og vist Opera 2 eller 3 ...
-- altså bør den virke på alle nutidens installerede browsere !-)
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.