javascript - onmouseover + ændre .src - Udvikleren.dk - Programmering, webdesign og grafik

Tags: javascript

Bruger #16017 @ 26.10.10 14:38

Hej

Lad os sige jeg har taget billeder af 10 par bukser - ét billede af både for- og bagside, altså 20 billeder i alt.

Jeg har navngivet dem alle som:

fbukser1.gif
bbukser1.gif
...
fbukser2.gif
bbukser2.gif
...
osv

Altså "f" for forside og "b" for bagside.

Når jeg så kører musen over "fbukser1" skal den vise "bbukser1"

Derfor ville jeg gerne at man kan ændre .src til f.eks. 'b'+this.src

Her er hvad jeg har prøvet lidt på indtil videre.

Kode

<head>
<script type="text/javascript">
function bagside(b)	{
var elem = b;
document.images["b1"].src = 'b'+elem;
}
</script>
</head>


<body>
<img width="200" height="200" id="b1" border="1" name="bukser1"
src="fbukser1.gif" 
onmouseover= "bagside(this.src);" />
</body>

Det jeg egentlige gerne vil, er jo at gemme "this.src" til en form for variabel oppe i min funktion - så vil jeg kunne gøre hvad jeg har lyst til med den

Som koden står her, sker der ingenting når jeg kører musen over.

Kom bare med flere forskellige løsninger hvis I kan - tak

Indlæg senest redigeret d. 26.10.2010 14:39 af Bruger #16017

4 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 3 karma

Sorter efter stemmer Sorter efter dato

Bruger #5620 @ 26.10.10 20:16

1.500

Muligvis fordi jeg ikke lige havde taget føjde for at browsere automatisk ændre src.

Kode

<head>
<script type="text/javascript">
function bagside(ele){
  ele.src = "b"+ele.src.substr(ele.src.lastIndexOf('/')+2);
}
function forside(ele){
  ele.src = "f"+ele.src.substr(ele.src.lastIndexOf('/')+2);
}

</script>
</head>


<body>
<img width="200" height="200" id="b1" border="1" name="bukser1"
src="f1.jpg" onmouseover="bagside(this);" onmouseout="forside(this);"/>
</body>

Indlæg senest redigeret d. 26.10.2010 20:17 af Bruger #5620

Bruger #5620 @ 26.10.10 14:48

1.500

Kode

<head>
<script type="text/javascript">
function bagside(ele){
  ele.src ='b'+ele.src.substr(1);
}
function forside(ele){
  ele.src ='f'+ele.src.substr(1);
}

</script>
</head>


<body>
<img width="200" height="200" id="b1" border="1" name="bukser1"
src="fbukser1.gif" 
onmouseover="bagside(this);"
onmouseout="forside(this);"/>
</body>

Indlæg senest redigeret d. 26.10.2010 14:49 af Bruger #5620

Bruger #16017 @ 26.10.10 17:45

Kode

<head>
<script type="text/javascript">
function bagside(ele){
  ele.src ='b'+ele.src.substr(1);
}
function forside(ele){
  ele.src ='f'+ele.src.substr(1);
}

</script>
</head>


<body>
<img width="200" height="200" id="b1" border="1" name="bukser1"
src="fbukser1.gif" 
onmouseover="bagside(this);"
onmouseout="forside(this);"/>
</body>

Hmm.. synes jeg har gjort præcis som du sagde, men det virker ikke. Der sker intet når jeg kører musen over.

Har du selv prøvet det?

Bruger #16017 @ 27.10.10 15:30

Tak, der var den

onmouseover + ændre .src

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler