Hoşgeldin Misafir

Resim Galerisi Kodu HTML

SurHan

28 Kas 2017
4,186 Mesaj

Aktiflik

Seviye

Deneyim

TIM / GÖREV:
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>