webForumDet fria alternativet
Logga in / Bli medlem

Bildvisare

JavaScript

4 svar · 640 visningar · startad av mozzer

Medlem sedan maj 200816 inlägg
Frågan#1

Hej,

Jag skulle önska att någon kunde hjälpa mig med att justera detta script(som är lånat från www.flowsim.se).
Bilderna visas genom att bildnamnet är lika förutom den sista siffran. Jag skulle vilja få till det så att de 3 första siffrorna alltid är lika men sen skall det kunna vara olika siffror på de 3 sista. Någon som kan hjälpa mig?

Här är scriptet:

<head>
<SCRIPT LANGUAGE="JavaScript"
TYPE="text/javascript">
<!--
if(document.images)
{
75000 = new Array()
for(i=0;i<7;i++)
{
75000 = new Image()
75000
.src = "75000" + i + ".JPG"
}
}
function iljval()
{
if(document.images)
{
valdbild=document.fargform.farg.options[document. fargform.farg.selectedIndex].text.charAt(5)
document.iljswitch.src = "75000"+valdbild+".JPG"
}
}
window.onerror = null;
//-->
</SCRIPT>

</head>

<body>
<table border="1" cellspacing="0">
<tr>
<td valign="top">
<IMG NAME = "iljswitch"
SRC="750004.JPG"
WIDTH = "210"
HEIGHT = "228">
</td>

<td valign="top">
<FORM NAME ="fargform">
<SELECT NAME = "farg"
SIZE = "14"
onChange = "iljval()">
<OPTION SELECTED>750001
<OPTION>750002
<OPTION>750003
<OPTION>750004
<OPTION>750005
<OPTION>750006
<OPTION>750007
</SELECT>
</FORM>
</td>
</tr>
</table>

</body>

Tack på förhand!
Häls.
Peter**

Medlem sedan juni 20019 519 inlägg
#2

Javascriptet:

<script language="JavaScript" type="text/javascript">
<!--
//First letters
var firstLetters = "750"; //followed by 3 numbers

if(document.images){
	a = new Array();
	for(i=0;i<7;i++) {
		a[i] = new Image();
		var imgIndex = '000' + (i+1);
		a[i].src = firstLetters + imgIndex.substring(imgIndex.length,imgIndex.length-3) + ".jpg";
	}
}
function iljval(el) {
	if(document.images) {
		var valdbild = el.options[el.selectedIndex].text;
		document.iljswitch.src = firstLetters + el.value + ".jpg";
	}
}
//-->
</script>

HTML:

<table border="1" cellspacing="0">
	<tr>
		<td valign="top">
			<img name="iljswitch" src="750001.JPG" style="width:210px;height:228px;">
		</td>
		<td valign="top">
			<form name="fargform">
				<select name="farg" size="14" onchange="iljval(this)">
					<option selected="selected">001</option>
					<option>002</option>
					<option>003</option>
					<option>004</option>
					<option>005</option>
					<option>006</option>
					<option>007</option>
				</select>
			</form>
		</td>
	</tr>
</table>
Medlem sedan maj 200816 inlägg
#3

Tack för hjälpen, men det funkar inte riktigt...
Det funkar inte när jag skall välja att visa bilderna. Första bilden kommer ju fram men sedan när man väljer en annan så går det inte alls.
Vet inte om jag gjort något fel eller vad det beror på?
Väldigt tacksam för all hjälp jag kan få!

Medlem sedan juni 20019 519 inlägg
#4

http://member.webforum.nu/2129/select_test.html
Testat koden i:
IE7, IE6, Firefox och Opera. Alla fungera.
Det jag har gjort är att har lagt in ett value på varje option.

Medlem sedan maj 200816 inlägg
#5

Oh! Kungligt!!
Jag buggar och bockar!
Tack så hemskt mycket!

Häls.
Peter

258 ms totalt · 4 externa anrop · v20260731065814-full.5386d3bf
122 ms — deklarationer (db)
0 ms — hämta statistik (cache)
134 ms — hämta tråd, inlägg och bilagor (db)
120 ms — ändringar (db)