Wisselende fotos

Status
Niet open voor verdere reacties.
G

Gielske

Gebruiker
Lid geworden
2 nov 2003
Berichten
11
Hey mensen!!!

Ik ben op zoek naar een java scriptje waarmee ik een img op mijn site kan zetten die om de paar seconden veranderd. Dus dat ik in mijn ftp gewoon een map met allemaal plaatjes heb en dat het script deze in random volgorde omstebeurt laat zien.

Wie kan mij daaraan helpen???

Heel veel liefs en Xjes
Gielske
 
Laatst bewerkt:
Dit is een scriptje dat plaatjes om de paar seconden wisselt.
Het lijkt of het ene plaatje wegdraait, terwijl het tweede ervoor in de plaats komt.
Is alleen niet in willekeurige volgorde en de plaatjes moeten allemaal even groot zijn; staande en liggende foto's door elkaar gaat dus niet.
En je moet de naam van elk plaatje afzonderlijk in het script zetten.

Guus.

<html>
<head>

<title>Slideshow</title>

<script language="JavaScript1.1">
var nieuwbeeldje=new Array()// plaats hier je afbeeldingen , je kunt er net zoveel toevoegen als je wilt
nieuwbeeldje[0]="plaatjesmap/plaatje_1.JPG"//naam 1e plaatje
nieuwbeeldje[1]="plaatjesmap/plaatje_2.JPG"//naam 2e plaatje
nieuwbeeldje[2]="plaatjesmap/plaatje_3.JPG"//etc...
nieuwbeeldje[3]="plaatjesmap/plaatje_4.JPG"
nieuwbeeldje[4]="plaatjesmap/plaatje_5.JPG"

var tussentijd=5000 //verander hier de tussentijd tussen het draaien ( in miliseconden)
var teller =1;
var beeldje=new Array()
for (i=0;i<nieuwbeeldje.length;i++){
beeldje=new Image()
beeldje.src=nieuwbeeldje
}
function beeldwissel(){
if (window.createPopup)
blok.filters[0].apply()
document.images.blok.src=beeldje[teller].src;
if (window.createPopup)
blok.filters[0].play()
teller++;
if (teller==beeldje.length)
teller=0;
setTimeout("beeldwissel()",tussentijd)
}
window.onload=new Function("setTimeout('beeldwissel()',tussentijd)")
</script>

</head>
<body>

<img src="map/plaatje_1.JPG" name="blok" style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')" border=0 width="768" height="512">

</body>
</html>
 
Deze doet het op mijn site erg goed; wisselt random, voor ieder plaatje uiteraard een nieuwe opnemen, nu heb je 8 plaatjes.

<script language="JavaScript">

<!--

var theImages = new Array()
theImages[0] = 'http://*.jpg'
theImages[1] = 'http://*.jpg'
theImages[2] = 'http://*.jpg'
theImages[3] = 'http://*.jpg'
theImages[4] = 'http://*.jpg'
theImages[5] = 'http://*.jpg'
theImages[6] = 'http://*.jpg'
theImages[7] = 'http://*.jpg'
theImages[8] = 'http://*.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 src="'+theImages[whichImage]+'" border="0" width="128" height="96">');

}

//-->

</script>
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan