Ben toevallig via google op deze pagina gekomen en vond deze code héél erg bruikbaar. Spijtig genoeg ken ik maar weinig van html of javascript (slideshow werkt wel hoor) maar hoe kan ik de foto centreren op de pagina?
De code uit bovenstaande post is wel enigsinds aangepast. Het rode gedeelte is wat ik toegevoegd heb maar dat werkt niet.
Bijkomende vraag, hoe maak ik de slideshow zodat die na de laatste foto, weer bij de eerste foto verder gaat?
<html>
<head>
<title>testerdetest</title>
</head>
<body bgcolor="#000000">
<SCRIPT LANGUAGE="JavaScript">
var slide = new Array();
slide[0] = "images/1.jpg";
slide[1] = "images/2.jpg";
slide[2] = "images/3.jpg";
slide[3] = "images/4.jpg";
var current = 0;
function advance(){
current++;
if(slide[current]){document.images.show.src = slide[current];
window.status='Slide '+(current+1)+' of '+slide.length+': '+slide[current];}
}
function retract(){
current--;
if(slide[current]){document.images.show.src = slide[current];
window.status='Slide '+(current+1)+' of '+slide.length+': '+slide[current];}
}
</SCRIPT>
<td align="center">
<form name="formname">
<img src="1.jpg" name="show">
<TABLE align="center" cellspacing=1 cellpadding=1 bgcolor="#000000">
<tr>
<td align=center bgcolor="#000000" height=30 width="50%">
<input type=button onclick="retract();" value="<<<<">
</td>
<td align=center bgcolor="#000000" height=30 width="50%">
<input type=button onclick="advance();" value=">>>>">
</TD>
</TR>
</TABLE>
</form>
</td>
</body>
</html>
lange eerste post
