WebTechnologie - ukázkové skripty PHP, XHTML, JavaScript, CSS... (c) Scorpions.cz

HOME SKRIPTY

Prvek WEBu - Prohlížeč obrázku
Normální položka
Zobrazeno: 6805

Popis: Jednoduchý prohlížeč obrázků.
Funkčnost: IE, Firefox, Opera
Hodnocení: ****
Ukázka

Tento skript vložte mezi tagy <head> a </head>

<script language="JavaScript">

var selectedImage = 1;
var numImages = 5;
var img = new Array();
img[1] = "obrazek1.jpg";
img[2] = "obrazek2.jpg";
img[3] = "obrazek3.jpg";
img[4] = "obrazek4.jpg";
img[5] = "obrazek5.jpg";

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>

Tento skript vložte mezi tagy <body> a </body>

<table border="0">
	<tr>
		<td colspan="2">
			<img name="image" src="obrazek1.jpg">
		</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>