Kod:
<script language="JavaScript">
<!-- resim sayısına göre değişecek bölüm baş-->
var selectedImage = 1;
var numImages = 2;
var numImages = 3;
var numImages = 4;
<!-- resim sayısına göre değişecek bölüm son-->
var img = new Array();
<!-- resim url yazılacak bölüm baş-->
img[1] = "images/ataturk/5.jpg";
img[2] = "images/ataturk/6.jpg";
img[3] = "images/ataturk/7.jpg";
img[4] = "images/ataturk/8.jpg";
<!-- resim url yazılacak bölüm son-->
function swapImageRight(){
if (selectedImage < numImages){
++selectedImage;
document.image.src=img[selectedImage];
}
}
function swapImageLeft(){
if (selectedImage > 1){
selectedImage = selectedImage - 1;
document.image.src=img[selectedImage];
}
}
</script>
<table border="0">
<tr>
<td colspan="2">
<!-- başlangıç resimi url yazılacak bölüm baş-->
<img name="image" src="images/ataturk/5.jpg">
<!-- başlangıç resimi url yazılacak bölüm son-->
</td>
</tr>
<tr>
<td align="right">
<input type="button" value="<<" onclick="swapImageLeft()">
</td>
<td align="left">
<input type="button" value=">>" onclick="swapImageRight()">
</td>
<tr>
</table>
