Javascript op 2 plaatsen tegelijk?

[lennom]

Het onderstaande javascript gebruik ik om meerdere afbeeldingen te laten afwisselen.
Om de zoveel tijd vloeit de ene afbeelding over naar een andere.

in de HEAD:

script type="text/javascript" src="overvloeier2.js"></script>
<script type="text/javascript">
function init() {parameters('divnaam', 50, 1000, 'bijschrift');}// parameters('id', snelheid, pauze,'tekst')
window.onload = init;
</script>

in de BODY:

<div id="container" align="center">
<div class="faden" id="divnaam" style="width: 740px; height: 345px; position: relative;"> <img src="beelden/foto1.jpg" /> <img src="beelden/foto2.jpg" /> </div>
<div id="bijschrift" style="position: relative; color: #FFFFFF; font-size: 1px; font-style: italic; width: 739px; text-align:center;z-index: 200;"></div>
</div>

Dit werkt prima op 1 positie binnen de website.
Echter ik wil ditzelfde effect graag ook op een andere positie (onderaan in dezelfde pagina) toepassen.

Dit werkt helaas niet.
Zodra ik het op twee plaatsen toepas wordt alleen de bovenste getoond.
De onderste positie blijft leeg, alsof het commando niet wordt begrepen?

Waarschijnlijk moet ik iets aanpassen. De "id" of class" o.i.d.? Die zijn namelijk bij beide gelijk.

Ik hoop dat iemand de oplossing weet!

 

[JP Romijn]

Ja, een id-naam mag maar één keer voorkomen in een pagina.Ik kan niet zien hoe de functie eruitziet en hoe hij precies werkt, maar ik denk dat je een nieuwe id moet toekennen aan de nieuwe div en de functie apart met deze nieuwe id aanroepen.

function init() {
parameters('divnaam', 50, 1000, 'bijschrift');
parameters('<nieuwe div-id>', 50, 1000, 'bijschrift');
}

Bijvoorbeeld:

function init() {
parameters('divnaam', 50, 1000, 'bijschrift');
parameters('divnaam2', 50, 1000, 'bijschrift');
}

 

[lennom]

helemaal top JP!
het werkt als een trein.

bedankt!

:thumb: