Random image og medfølgende tekst - double array?
Jeg har fået en kammerat til at hjælpe mig med at lave en JavaScript function til en hjemmeside, hvor der er et billede, som - når sitet reloades - skifter random fra samme mappe.Jeg har derimod ikke kunnet løse nedenstående problem selv, så lægger det op til her. En bekendt nævnte noget med double array - have tekst og sti til billede i samme array? Men jeg ved ikke, hvordan, man gør. Er bestemt ikke haj til JavaScript. Og jeg ved slet ikke, om det er løsningen på problemet, eller om der er andre - bedre - løsninger.
Håber, der er nogen, der kan hjælpe.
JavaScriptet:
function myFunction(){
var image = new Array();
image[0] = "http://www.atra.dk/media/random/image01.gif";
image[1] = "http://www.atra.dk/media/random/image02.jpg";
image[2] = "http://www.atra.dk/media/random/image03.jpg";
image[3] = "http://www.atra.dk/media/random/image04.jpg";
myVar = image[Math.round(Math.random()*(image.length-1))];
var myPix = document.getElementById("randompic");
myPix.src = myVar;
}
HTML:
<body onload="myFunction();">
<div id="rightpic">
<img id="randompic" src="http://www.atra.dk/pages/test/image01.gif" height="187" width="332" border="0" alt="TEST" />
</div>
