Billede slide med tilhørende tekst
Hej,Jeg har et slideshow script til billeder i javascript. Det skifter billede i et interval af x sekunder. Jeg vil dog gerne kunne knytte noget tekst til hvert billede, så denne tekst bliver vist ved siden af billedet.
<head>
<script language="JavaScript" type="text/JavaScript"><!-->
//declaring necessary local variables
var img = new Array(10); //array to hold the images
var start = null; //start pointer
var counter = 1; //counts the image sequences
var delayTime = null; //user defined
if(document.images) { //pre-load all the images
for(i = 1; i <= 10; i++) {
img[i] = new Image();
img[i].src = "pic" + i + ".jpg";
}
}
//function for getting the user defined delay time
function getDelayTime(dlTime) {
var temp = parseInt(dlTime);
if(temp != NaN)
delayTime = temp * 1000;
else
delayTime = 1000;
}
//function for changing the images
function anim() {
counter++;
document.images[0].src = img[counter].src;
if(counter == 10)
counter = 0; //sets the counter value to 0
}
//function for starting the slide show
function slide() {
getDelayTime(document.form1.delay.value);
with(document.form1) {
start = setInterval("anim()", delayTime);
stShow.disabled = true;
spShow.disabled = false;
}
}
//function to stop the slide show
function stopSlide() {
clearInterval(start);
document.form1.stShow.disabled = false;
document.form1.spShow.disabled = true;
}
//--></script>
</head>
<body onload="slide();">
<img src="pic1.jpg" border=0 width=400 height=300><br>
<form name="form1">
<input type="hidden" size=2 value="5" name=delay><br>
</form>
Denne må gerne laves om til et array, så samtlige bilelder er defineret på forhånd. Ved bare ikke hvordan det gøres.
if(document.images) { //pre-load all the images
for(i = 1; i <= 10; i++) {
img[i] = new Image();
img[i].src = "pic" + i + ".jpg";
}
}
På forhånd tak :)
