Er der nogle her, der har kendskab til javascript og som vil hjælpe mig med, at ændre koderne herunder.
Således, at billeder automatisk skifter hvert 1.5 Sekund. Start ved billede 1 og frem til billede 10 og derfra starte forfra med billede 1 igen o.s.v.
Jeg vil gerne give mange point til den der kan rette koderne til ovenstående ønske.
KODERNE:
<script language=javascript>
var width = 255;
var height = 223;
var imgAr1 = new Array();
var rImg1 = new Array();
imgAr1[0] = "Billeder/spb_1.jpg";
imgAr1[1] = "Billeder/FrontBottomLeft.jpg";
imgAr1[2] = "Billeder/FrontBottomRight_small.jpg";
imgAr1[3] = "Billeder/FrontTopLeft_small.jpg";
</script>
<table cellpadding=0 cellspacing=0><tr><td style="border: 2px ridge red;">
<img id=pic border=0>
</td></tr>
<tr><td>
<table width=100% style="border: 2px ridge red; font-size: 13px; font-family: verdana, arial;">
<td align=center><a style="color: blue; cursor:pointer;" onclick="start()">Start</a></td>
<td align=center><a style="color: blue; cursor:pointer;" onclick="slideshow()">
Next</a></td>
<td align=center><a style="color: blue; cursor:pointer;" onclick="prev()">Prev</a></td>
<td align=center><a style="color: blue; cursor:pointer;" onclick="end()">End</a></td>
<td align=center> </td>
</tr></table>
</td></tr></table>
<script language=javascript>
for(var j = 0; j < imgAr1.length; j++)
{
rImg1[j] = new Image();
rImg1[j].src = imgAr1[j];
}
document.onload = setting();
var slide;
function setting()
{
slide = document.getElementById('pic');
slide.src = imgAr1[0];
slide.setAttribute("width",width);
slide.setAttribute("height",height);
}
//Image or picture slide show using java script
//slideshow function
var picture = 0;
function slideshow(){
if(picture < imgAr1.length-1){
picture=picture+1;
slide.src = imgAr1[picture];
}
}
function prev(){
if(picture > 0 ){
picture=picture-1;
slide.src = imgAr1[picture];
}
}
function start(){
slide.src = imgAr1[0];
picture = 0;
}
function end(){
slide.src = imgAr1[imgAr1.length-1];
picture = imgAr1.length-1
}
</script>
Med venlig hilsen
Monie