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?
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
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.