Afbeeldingen laten overvloeien met javascript
9 december 2010 - 15:30   
geplaatst door: Appelflap
Hallo,

Ik ben een site aan het bouwen, waarbij ik afbeeldingen elkaar wil laten afwisselen.

Ik heb daar een handig javascript voor gevonden op volgende link:

http://users.skynet.be/javascript/images/overvloeier2.htm

Ik heb een div-tag gemaakt met een aantal afbeeldingen en dat werkt.
Nu zou ik graag een 2e div tag maken met andere wisselende afbeeldingen.
Ik heb de code in de 2e div tag gezet met andere afbeeldingen.

Als ik mijn site bekijk (Safari), werkt de slideshow van de eerste div wel,
maar de tweede div-tag blijft leeg.

Moet je per 'slideshow'-div een nieuw script toepassen?
Of maak ik een andere fout?

Afbeeldingen laten overvloeien met javascript
10 december 2010 - 08:58    reactie #1
geplaatst door: moxie
hebben de divs allebei een eigen id en refereer je in het stukje javascript naar die id ?

geef anders even een link naar je pagina of plaats je code

Afbeeldingen laten overvloeien met javascript
10 december 2010 - 10:05    reactie #2
geplaatst door: Appelflap
De 2 divs hebben een eigen ID (slideshow_top en slideshow_bottom)
Er staan verschilende afbeeldingen in.

Ik heb ondertussen iets interessant ontdekt.
In de Head heb ik het volgende gezet:

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

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

Daarmee werkt maar 1 slideshow.
Wanneer ik één van de onload verander in onclick, werkt het wel.
Maar dan moet de bezoeker op één van de afbeeldingen klikken en dat is niet de bedoeling.

Kan je onload maar éénmaal toepassen?

Afbeeldingen laten overvloeien met javascript
10 december 2010 - 10:07    reactie #3
geplaatst door: Appelflap
Oei, die javascript koppeling wordt niet weergegeven  :dontgetit:
Afbeeldingen laten overvloeien met javascript
10 december 2010 - 10:34    reactie #4
geplaatst door: Macceraar
Probeer dit (vervang de [] door <>):
[script type="text/javascript" src="overvloeier2.js"][/script]
[script type="text/javascript"]
function init() {
   parameters('slideshow_top', 40, 2000, 'bijschrift');
   parameters('slideshow_bottom', 40, 2000, 'bijschrift');
}
window.onload = init;
[/script]

Het probleem is dat window.onload maar één waarde tegelijk kan hebben. Je zette 'm eerst op de ene, toen op de ander, en als het later echt draait gebeurt dan alleen het laatste. Je moet de twee acties combineren in één handler. Daarnaast helpt het niet om overvloeier2.js twee keer te laden. :D
Afbeeldingen laten overvloeien met javascript
10 december 2010 - 10:40    reactie #5
geplaatst door: Appelflap
Héé JAA !
Dat werkt.

Heel hard bedankt.
Ik heb weer iets bijgeleerd.

:thumbs-up: