random afbeelding

[De Mettes]

Hallo,

Ik heb een script waarmee een aantal afbeeldingen die ik kies als slideshow worden weergegeven. Graag zou ik dit aanpassen dat de show begint bij een willekeurige afbeelding ipv de eerste.

Dit staat tussen de head tags

    <script language="JavaScript1.1">
//voorladen van de plaatjes
var foto1=new Image()
foto1.src="/slideshow/P6050006.JPG"// foto 1
var foto2=new Image()
foto2.src="/slideshow/P6050007.JPG"// foto 2
var foto3=new Image()
foto3.src="/slideshow/P6050008.JPG"// foto 3
</script>

Dit is het script

<a href="javascript:overgang()"><img src="1.gif" name="slide" border=0 style="filter:blendTrans(duration=3)" width="270" height="225"></a>
</center>
<script>
var stap=1
var beeldnr=1
function overvloeier(){
if (!document.images)
return
if (document.all)
slide.filters.blendTrans.apply()
document.images.slide.src=eval("foto"+stap+".src")
if (document.all)
slide.filters.blendTrans.play()
beeldnr=stap
if (stap<3)// aanpassen aan aantal plaatjes
stap++
else
stap=1
setTimeout("overvloeier()",8000)// de tijd tussen twee plaatjes in milliseconden
}
function overgang(){
if (beeldnr==1)
window.location="http://www.linkAlsErGekliktWord.nl"
else if (beeldnr==2)
window.location="http://www.linkAlsErGekliktWord.nl"
else if (beeldnr==3)
window.location="http://www.linkAlsErGekliktWord.nl" 
else if (beeldnr==4)
window.location="http://www.linkAlsErGekliktWord.nl"
else if (beeldnr==5)
window.location="http://www.linkAlsErGekliktWord.nl"}
</script>

Heb zelf al getest met Math.round(Math.random*2+1) voor de stap en beeldnr maar dit werkte niet.

Weet ook iemand eventueel hoei k het aanpas dat ik gewoon afbeeldingen bij in een map zet en deze worden toegevoegd ipv alles in de head tags te moeten zetten?

Hopelijk kan iemand mij helpen

 

[nosoupforyou]

javascript zelf kan geen folders uitlezen, dan zou je je javascript met php moeten vullen

ik heb eerlijk gezegt geen zin om je hele script te begrijpen, met dat overgang enzow..
maar wat je eventueel wel kan doem met javascript is je afbeelding een goede naam geven zoals

afbeelding1.jpg
afbeelding2.jpg

dan zou ik even een var aanmaken met het aantal afbeeldingen en een array om de afbeeldingen op te slaan, wat ook weer handig is voor de random

var amountImages = 10;
var images = new Array();

for(var i = 0; i < amountImages; i++) {
  images[i] = new Image();
 images[i].src = 'afbeelding'+ i +'.jpg';
}

dan heb je het save gedeelte gehad
dan is er een leuke random functie in javascript:

randomNumber = Math.floor( Math.random() * amountImages );
document.getElementById("jeObject").src = images[randomNumber].src;

Ik heb deze code niet gecontroleerd op spelfouten of wat dan ook, als het niet in 1x werkt moet je ff kijken wat er mis is, maar dit is het idee in ieder geval

greets NoSoupForYou

 

[De Mettes]

Bedankt voor de reactie. Hbe mijn mails een paar dagen niet kunnen lezen (rock werchter ) maar zal als ik tijd heb het even testen want lijkt me wel een goed idee.

 

[eppounited]

Wat je ook zou kunnen doen is:

var random = Math.random()

if (random <= 0.3)
{
laat afbeelding 1 zien
}
if (random >0.3 && random <= 0.6)
{
laat afbeelding 2 zien
}
if (random > 0.6)
{
laat afbeelding 3 zien
}