Søg
Avatar billede Slettet bruger
11. januar 2010 - 11:51 Der er 10 kommentarer og
1 løsning

Ved klik, skift billede

Hej.

Hvordan kan et script se ud, så når man klikker på et billede af en play knap, så skifter den  til pause, og omvendt?

Håber i kan hjælpe, (har søgt rundt, men fandt ikke noget jeg kunne bruge)
Avatar billede majbom Novice
11. januar 2010 - 12:34 #1
<img src="play.png" onclick="toggleImg(this)">

toggleImg(oImg){
  var img = oImg.src;
  if(img=="play.png"){
      oImg.src = "pause.png";
  }else{
      oImg.src = "play.png";
  }
}

noget i den stil...
Avatar billede Slettet bruger
11. januar 2010 - 13:04 #2
Det virker ikke for mig, og kan ikke JS,så kan ikke selv få et til at virke.

<html>
<head>
<title>Switch icon</title>
<script language="javascript">
toggleImg(oImg){
  var img = oImg.src;
  if(img=="http://icons3.iconfinder.netdna-cdn.com/data/icons/musthave/128/Play.png"){
      oImg.src = "http://icons3.iconfinder.netdna-cdn.com/data/icons/musthave/128/Pause.png";
  }else{
      oImg.src = "http://icons3.iconfinder.netdna-cdn.com/data/icons/musthave/128/Play.png";
  }
}
</script>
</head>

<body>
<img src="http://icons3.iconfinder.netdna-cdn.com/data/icons/musthave/128/Play.png" onclick="toggleImg(this)">
</body>
</html>
Avatar billede Slettet bruger
11. januar 2010 - 13:05 #3
Jeg prøvede, men det virker ikke for  mig, og jeg kan ikke JS, så kan ikke rigtig rette det.

<html>
<head>
<title>Switch icon</title>
<script language="javascript">
toggleImg(oImg){
  var img = oImg.src;
  if(img=="http://icons3.iconfinder.netdna-cdn.com/data/icons/musthave/128/Play.png"){
      oImg.src = "http://icons3.iconfinder.netdna-cdn.com/data/icons/musthave/128/Pause.png";
  }else{
      oImg.src = "http://icons3.iconfinder.netdna-cdn.com/data/icons/musthave/128/Play.png";
  }
}
</script>
</head>

<body>
<img src="http://icons3.iconfinder.netdna-cdn.com/data/icons/musthave/128/Play.png" onclick="toggleImg(this)">
</body>
</html>
Avatar billede Slettet bruger
11. januar 2010 - 13:06 #4
Beklager, troede ikke den blev oprettet..
Avatar billede majbom Novice
11. januar 2010 - 13:14 #5
der skal lige står function foran toggleImg :) og så retter vi lige script-tag'et

<script type="text/javascript">
function toggleImg(oImg){
  var img = oImg.src;
  if(img=="http://icons3.iconfinder.netdna-cdn.com/data/icons/musthave/128/Play.png"){
      oImg.src = "http://icons3.iconfinder.netdna-cdn.com/data/icons/musthave/128/Pause.png";
  }else{
      oImg.src = "http://icons3.iconfinder.netdna-cdn.com/data/icons/musthave/128/Play.png";
  }
}
</script>
Avatar billede majbom Novice
11. januar 2010 - 13:16 #6
så kan du evt sætte en style på billedet:

<img style="cursor: pointer;" ...>

så din cursor bliver til en hånd når du kører hen over billedet
Avatar billede Slettet bruger
11. januar 2010 - 13:23 #7
Tak Splazz, gider du oprete et svar :)
Avatar billede majbom Novice
11. januar 2010 - 13:40 #8
selv tak :)
Avatar billede majbom Novice
11. januar 2010 - 15:04 #9
tak for point
Avatar billede Slettet bruger
11. januar 2010 - 15:05 #10
så lidt :)
Avatar billede iconfinder Nybegynder
11. januar 2010 - 15:28 #11
Tak fordi i benytter Iconfinder :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Sæt vindue størrelse Af poulmadsen i JavaScript 1 08/10/202417:18 13/10/202412:33
Opgavestyring Af ingeman i JavaScript 1 15/09/202416:06 15/09/202420:40
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 20:18 Hvad tænker du om denne reklame. Af swambodk i Andet design
I går 18:46 Logge ind hos Amazon.de Af Malm i E-handel
I går 09:46 Messinger virker ikke på Windows 10 og Windows 11 Af eksmojo i Windows
11/0417:32 Jeg kan ikke opdatere min iPad til ios 26.4.1. Af Bettina i Apps til iOS
11/0408:32 Office pakke LTSC vs Retail? Af Don G i Office & Kontorpakker
White papers
Flere white papers »