---
title: "ändra bild"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/108643-ändra-bild"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "kobranturre"
published: "2004-08-06T18:47:38.000Z"
updated: "2004-08-07T08:24:42.000Z"
replies: 15
views: 348
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/108643-ändra-bild"
---

# ändra bild

## #1 — kobranturre, 2004-08-06T18:47Z

Provar mig på den mest svåra språket: Javascript (tycker jag iaf)

```
<html>
<head>
<script language="javascript1.2">
var bild=0;

function bytbild(bild){
if (var bild == "kryss2.png"){

document.getElementById('icon').img.src="minus2.png";

}

else{

document.getElementById('icon').img.src="kryss2.png";

}

}

</script>
</head>
<body>
<img src="kryss2.png" id="icon" onclick="javascript:bytbild(this.img.src)"></img>
</body>
</html>
```

som ni ser så vill jag att när man klickar på bildern så ska den helatiden bytas

Permalänk: https://www.webforum.nu/p/108643

## #2 — Sebbe, 2004-08-06T19:02Z

```
<html>
  <head>
    <script language="javascript">
<!--
function bytbild(bild) {
  if(bild == "kryss2.png")
    document.getElementById("icon").src="minus2.png";
  else
    document.getElementById("icon").src="kryss2.png";
}
//-->
    </script>
  </head>
  <body>
    <img src="kryss2.png" id="icon" onclick="bytbild(this.src)"></img>
  </body>
</html>
```

Permalänk: https://www.webforum.nu/p/1403140

## #3 — kobranturre, 2004-08-06T19:09Z

Funkar inte :( 

```
<html>
<head>
<script language="javascript1.2">
<!--
function bytbild(bild) {
  if(bild == "kryss2.png"){
    document.getElementById('icon').src="minus2.png";
}
  else{
    document.getElementById('icon').src="kryss2.png";
}
}
//-->
    </script>
</head>
<body>
<img src="kryss2.png" id="icon" onclick="bytbild(this.src)"></img>
</body>
</html>
```

Permalänk: https://www.webforum.nu/p/1403148

## #4 — Sebbe, 2004-08-06T19:12Z

Det fungerade bra för mig när jag bara kopierade och klistrade in din kod och testade. På vilket sätt är det det inte funkar?

Permalänk: https://www.webforum.nu/p/1403152

## #5 — kobranturre, 2004-08-06T19:15Z

hur mkt jag än klickar så byts inte bilden ut

Permalänk: https://www.webforum.nu/p/1403153

## #6 — Sebbe, 2004-08-06T19:20Z

Inget felmeddelande?

Permalänk: https://www.webforum.nu/p/1403157

## #7 — kobranturre, 2004-08-06T19:25Z

nope precis....jag tror jag vet vad felet är...när jag ändrar koden till

```
<html>
<head>
<script language="javascript1.2">
<!--
function bytbild(bild) {
  if(bild == "kryss2.png"){
    document.getElementById('icon').src="minus2.png";
}
  else{
    document.getElementById('icon').src="minus2.png";
}
}
//-->
    </script>
</head>
<body>
<img src="kryss2.png" id="icon" Onclick="bytbild(this.src);"></img>
</body>
</html>
```

så byter den från plus till minus. Vilket betyder att denna villkor

  if(bild == "kryss2.png"){

blir FALSE

Men varför?

Permalänk: https://www.webforum.nu/p/1403158

## #8 — Sebbe, 2004-08-06T19:29Z

Blir det kanske bättre såhär, då?

```
<html>
  <head>
    <script language="javascript">
<!--
function bytbild(o) {
  if(o.src == "kryss2.png")
    o.src = "minus2.png";
  else
    o.src = "kryss2.png";
}
//-->
    </script>
  </head>
  <body>
    <img src="kryss2.png" id="icon" onclick="bytbild(this);">
  </body>
</html>
```

Permalänk: https://www.webforum.nu/p/1403162

## #9 — kobranturre, 2004-08-06T19:40Z

funkar inte

Permalänk: https://www.webforum.nu/p/1403167

## #10 — Sebbe, 2004-08-06T19:45Z

Det fungerar för mig i både IE och Firefox, så jag tycker det verkar som om du har skrivit något fel när du har kopierat koden.

Permalänk: https://www.webforum.nu/p/1403173

## #11 — kobranturre, 2004-08-06T19:54Z

prova själv, 2 olika alternativ

[sidan1](http://213.214.228.251/ny/andra.html) 
[sidan2](http://213.214.228.251/ny/trad.html) 
bilderna:

[kryss2](http://213.214.228.251/ny/kryss2.png) 

[minus2](http://213.214.228.251/ny/minus2.png)

Permalänk: https://www.webforum.nu/p/1403179

## #12 — Sebbe, 2004-08-06T20:01Z

Såja! Fysiska sökvägar var det, ja! ;)

```
<html>
  <head>
    <script language="javascript">
<!--
function bytbild(o) {
  if(o.src == "http://213.214.228.251/ny/kryss2.png")
    o.src = "http://213.214.228.251/ny/minus2.png";
  else
    o.src = "http://213.214.228.251/ny/kryss2.png";
}
//-->
    </script>
  </head>
  <body>
    <img src="http://213.214.228.251/ny/kryss2.png" id="icon" onclick="bytbild(this);">
  </body>
</html>
```

Permalänk: https://www.webforum.nu/p/1403183

## #13 — kobranturre, 2004-08-06T20:07Z

så nu funkar det....kan jag ändra inställningarna ngnstans så att jag slipper skriva fysiska sökvägar helatiden?

Har windows XP

Permalänk: https://www.webforum.nu/p/1403186

## #14 — Sebbe, 2004-08-06T20:10Z

Inte en susning, men det är inget jag kan hitta i alla fall, tyvärr.

Permalänk: https://www.webforum.nu/p/1403187

## #15 — kobranturre, 2004-08-06T20:14Z

denna kod borde väl också då fungera...bilden kommer upp, men om man klickar så blir det en ingen bild (när man använder img och har fel sökväg)

```
<html>
<head>
<script language="javascript1.2">
<!--

function bytbild(bild) {
  if(bild == "C:\Documents and Settings\Daniel\Skrivbord\ny\kryss2.png"){
    document.getElementById('icon').src="C:\Documents and Settings\Daniel\Skrivbord\ny\minus2.png";
}
  else{
    document.getElementById('icon').src="C:\Documents and Settings\Daniel\Skrivbord\ny\kryss2.png";
}
}
//-->
    </script>
</head>
<body>
<img src="kryss2.png" id="icon" Onclick="javascript:bytbild(this.src);"></img>
</body>
</html>
```

gissar på att felet ligger här:

Documents and Settings

Permalänk: https://www.webforum.nu/p/1403194

## #16 — dectgap, 2004-08-07T08:24Z

Jag är väldigt glad för reguljära uttryck:

```
<html>
  <head>
    <script language="javascript">
<!--
function bytbild(o) {
  if(/kryss2\.png$/.test(o.src))
    o.src = "minus2.png";
  else
    o.src = "kryss2.png";
}
//-->
    </script>
  </head>
  <body>
    <img src="kryss2.png" id="icon" onclick="bytbild(this);">
  </body>
</html>
```

Permalänk: https://www.webforum.nu/p/1403355

---

Tråden på webben: https://www.webforum.nu/amne/javascript/108643-ändra-bild
