random image 4 verschillende

[kritinet]

Hoi
Ik heb volgende javasript om op de index (zie hier) wisselde fotos te laten zien. Hoe kan ik de script veranderen dat de 4 fotos verschillend zijn & wisselen ?
[JS]<SCRIPT LANGUAGE="JavaScript">
var theImages = new Array()
theImages[0] = 'http://www.estero-travel.com/images/random/vakantie1.jpg'
theImages[1] = 'http://www.estero-travel.com/images/random/vakantie2.jpg'
theImages[2] = 'http://www.estero-travel.com/images/random/vakantie3.jpg'
theImages[3] = 'http://www.estero-travel.com/images/random/vakantie4.jpg'
theImages[4] = 'http://www.estero-travel.com/images/random/vakantie5.jpg'
theImages[5] = 'http://www.estero-travel.com/images/random/vakantie6.jpg'
theImages[6] = 'http://www.estero-travel.com/images/random/vakantie7.jpg'
theImages[7] = 'http://www.estero-travel.com/images/random/vakantie8.jpg'
theImages[8] = 'http://www.estero-travel.com/images/random/vakantie9.jpg'
theImages[9] = 'http://www.estero-travel.com/images/random/vakantie10.jpg'


var j = 0
var p = theImages.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
preBuffer = new Image()
preBuffer.src = theImages
}
var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<img class="imgC3" src="'+theImages[whichImage]+'">');
}


</script>[/JS]

<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td  align="center"><SCRIPT LANGUAGE="JavaScript">showImage();</script></td>
    <td align="center"><SCRIPT LANGUAGE="JavaScript">showImage();</script></td>
    <td align="center"><SCRIPT LANGUAGE="JavaScript">showImage();</script></td>
    <td align="center"><SCRIPT LANGUAGE="JavaScript">showImage();</script></td>    
  </tr>
</table>

 

[That Guy]

Hm, wil je dat voor elk van de 4 'plaatjes-houders' er steeds verschillende komen? Of wil je dat in in elk van de 4 'plaatjes-houders' een andere is, maar ze mogen wel hetzelfde zijn?

 

[kritinet]

Hoi Vegras
Ik heb in de folder 'http://www.estero-travel.com/images/random/" 10 verschillende fotos.
De bedoeling is dat op de index iedere keer 4 fotos staan die bij het nieuw laden de fotos wisselen. Maar er moeten niet zo als nu 4 dezelfde fotos staan maar 4 verschillende

 

[That Guy]

Hier een verbeterd script:
[JS]function laatPlaatjeZien()
{
var theImages = [
'vakantie1.jpg',
'vakantie2.jpg',
'vakantie3.jpg',
'vakantie4.jpg',
'vakantie5.jpg',
'vakantie6.jpg',
'vakantie7.jpg',
'vakantie8.jpg',
'vakantie9.jpg',
'vakantie10.jpg'
];
var i, l = theImages.length, r = Math.round( Math.random() * ( l - 1 ) );

document.write('<img class="imgC3" src="http://www.estero-travel.com/images/random/' + theImages[r] + '">');
}
[/JS]om een plaatje te laten zien:

<script type='text/javascript'>laatPlaatjeZien();</script>

:thumb:

 

[kritinet]

Dank je wel !