Forum PHP.pl > [JavaScript]View Image

Pomoc - Szukaj - Użytkownicy - Kalendarz

drx

14.02.2010, 22:11:55

[HTML] pobierz, plaintext 
<html>
<head>
<style>
a:visited{color:black;font-family:verdana}
a:link{color:black;font-family:verdana}
a:hover{color:blue;font-family:verdana}
 
p, td {color:black;font-family:verdana;font-size:8pt}
h1 {color:black;font-family:verdana;font-size:12pt}
</style>
<script>
 
 
function changeImage()
{
	var list = document.getElementById('optionlist');
	document.mainimage.src = list.options[list.selectedIndex].value;
}
 
function prevImage()
{
	var list = document.getElementById('optionlist');
	if(list.selectedIndex == 0)
	{
		list.selectedIndex = list.options.length-1;
	}
	else
	{
		list.selectedIndex--;
	}
	changeImage();
}
 
function nextImage()
{
	var list = document.getElementById('optionlist');
	if(list.selectedIndex == list.options.length-1)
	{
		list.selectedIndex = 0;
	}
	else
	{
		list.selectedIndex++;
	}
	changeImage();
}
</script>
</head>
<body onLoad="java script:changeImage()">
 
<table align="center" border="0">
<tr>
<td colspan="3" align="center"><img name="mainimage" border="1"></td>
</tr>
<tr>
	<td align="left"><input type="button" value="<- Back" onClick="java script:prevImage()"></td>
	<td align="center">
 
	<select id="optionlist" onChange="java script:changeImage()">
		<option value="image1.jpg">First Image</option>
		<option value="image2.jpg">Second Image</option>
		<option value="image3.jpg">Third Image</option>
		<option value="image4.jpg">Fourth Image</option>
		<option value="image5.jpg">Fifth Image</option>
	</select>
 
	</td>
	<td align="right"><input type="button" value="Next->" onClick="java script:nextImage()"></td>
</tr>
</table>
</body>
</html>
[HTML] pobierz, plaintext

Mam pytanie co nalezy zrobic aby po kliknieciu obrazka "image1" przechodziło do jakieś podstrony?

pozdrawiam

darko

14.02.2010, 22:32:17

Po kliknięciu w obrazek czy po zmianie opcji w selektorze? Jeśli to drugie to dodaj do funkcji changeImage() :

[JAVASCRIPT] pobierz, plaintext 
function changeImage()
{
    var list = document.getElementById('optionlist');
    document.mainimage.src = list.options[list.selectedIndex].value;
    window.location.href = 'TU_WPISZ_ADRES_STRONY_NA_KTORA_CHCESZ_PRZEKIEROWAC';
}
[JAVASCRIPT] pobierz, plaintext

ps. kod proszę wrzucić w poprawny bbcode (html).

drx

14.02.2010, 23:03:38

po kliknieciu w obrazek i do innego obrazka inna podstrona oczywiscie.

pozdrawiam

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.