Søg
Avatar billede shjorth Nybegynder
15. januar 2008 - 17:25 Der er 16 kommentarer og
1 løsning

Javascript - billede skift

Hejsa.

Jeg sidder og leger med følgende:

<script type="text/javascript">
<!-- Dette script og mange flere -->
<!-- findes hos http://www.html.dk -->
<!-- Start

billede1 = new Image();
billede1.src = "b/ext_pwr_off.gif";

billede2 = new Image();
billede2.src = "b/ext_pwr_on.gif";

function skiftbillede(img_name,img_src) {
document[img_name].src=img_src;
}

// Slut -->
</script>
<a href="#" onClick="skiftbillede('eksempel','b/ext_pwr_on.gif')">
<img name="eksempel" src="b/ext_pwr_off.gif" alt="Før musen over dette billede"
style="border:none;" /></a>

Oprindeligt er det en "Onmouseover / out" funktion, så jeg ændrede til onclick, og det virker også fint.

Det jeg gerne vil have er at hvis man trykker IGEN så ser man det oprindelige billede (b/ext_pwr_off.gif)

Er der nogle kloge hoveder derude der har forstand på det ?
Avatar billede shjorth Nybegynder
15. januar 2008 - 17:28 #1
Noget alla "onClickAgain" ;)
Avatar billede w13 Novice
15. januar 2008 - 17:49 #2
Det ku' klares nogenlunde sådan her:

<script type="text/javascript" language="javascript">
billede1=new Image();
billede1.src="b/ext_pwr_off.gif";

billede2=new Image();
billede2.src="b/ext_pwr_on.gif";

function skiftbillede(id,src1,src2){
  var o=document.getElementById(id);
  o.setAttribute("src",o.getAttribute("src")==src1?src2:src1)
}
</script>
<a href="java script:void(0)" onclick="skiftbillede('eksempel','b/ext_pwr_on.gif','b/ext_pwr_off.gif')">
<img id="eksempel" src="b/ext_pwr_off.gif" alt="Før musen over dette billede"
style="border-width:0"></a>
Avatar billede shjorth Nybegynder
15. januar 2008 - 17:54 #3
Hmm det ser ikke ud til at virker.. Er ligesom det var før (kun 1 klik) :S
Avatar billede w13 Novice
15. januar 2008 - 18:22 #4
Følgende virker for mig:

<html>
<head>
</head>
<body>
<script type="text/javascript" language="javascript">
billede1=new Image();
billede1.src="ext_pwr_off.gif";

billede2=new Image();
billede2.src="ext_pwr_on.gif";

function skiftbillede(id,src1,src2){
    var o=document.getElementById(id);
    o.setAttribute("src",o.getAttribute("src")==src1?src2:src1)
}
</script>
<a href="java script:void(0)" onclick="skiftbillede('eksempel','ext_pwr_off.gif','ext_pwr_on.gif')">
<img id="eksempel" src="ext_pwr_off.gif" alt="Før musen over dette billede" border="0">
</a>

</body>
</html>
Avatar billede shjorth Nybegynder
15. januar 2008 - 18:26 #5
Jeg testede lige i FireFox.. Der virkede det perfekt -> Du har fortjent dine points.

Men, tror du det er muligt at lave så det virker i IE ?
Avatar billede w13 Novice
15. januar 2008 - 18:37 #6
Har du prøvet min nye kode? Skal nok få det til at virke i begge. =) Problemet er vist, at IE selv indsætter hele stien, altså www... og derfor kan vi ikke bare teste på, om stien = 'b/ext_pwr_off.gif'.
Avatar billede shjorth Nybegynder
15. januar 2008 - 18:39 #7
Hele stien -> og så virkede det sku.. Jeg takker mange gange!
Avatar billede w13 Novice
15. januar 2008 - 18:40 #8
Prøv evt. sådan her:

<html>
<head>
</head>
<body>
<script type="text/javascript" language="javascript">
billede1=new Image();
billede1.src="b/ext_pwr_off.gif";
billede2=new Image();
billede2.src="b/ext_pwr_on.gif";

function skiftbillede(id,src1,src2){
    var o=document.getElementById(id);
    o.title=o.src=o.getAttribute("title")==src1?src2:src1
}
</script>
<a href="java script:void(0)" onclick="skiftbillede('eksempel','b/ext_pwr_off.gif','b/ext_pwr_on.gif')">
<img id="eksempel" title="b/ext_pwr_off.gif" src="b/ext_pwr_off.gif" alt="Før musen over dette billede" border="0">
</a>

</body>
</html>
Avatar billede w13 Novice
15. januar 2008 - 18:40 #9
Ok :D og tak for point!
Avatar billede shjorth Nybegynder
15. januar 2008 - 18:41 #10
Lige hurtigt. Er det muligt at lave 2 sekvenser??
Klik 1 -> nyt pic -> klik 2 -> nyere pic -> klik 3 forfra
Avatar billede w13 Novice
15. januar 2008 - 18:42 #11
Går den ikke tilbage til første billede ved 3. klik?
Avatar billede shjorth Nybegynder
15. januar 2008 - 18:43 #12
Nej 2 klik -> men det er også rigtigt :D

Jeg ville bare udbygge så der kunne skiftes mellem 3 billeder istedet for to ;)
Avatar billede w13 Novice
15. januar 2008 - 18:43 #13
Nåå.. Hmm.. Ikke lige så let i hvert fald :)
Avatar billede shjorth Nybegynder
15. januar 2008 - 18:46 #14
Æv ;)
Avatar billede w13 Novice
15. januar 2008 - 19:00 #15
Ellers må det være noget i stil med følgende... ;)

<script type="text/javascript" language="javascript">
billede1=new Image();
billede1.src="b/ext_pwr_off.gif";
billede2=new Image();
billede2.src="b/ext_pwr_on.gif";

function skiftbillede(id,arrSrc){
    var o=document.getElementById(id);
    if(o.getAttribute("title")==arrSrc.length-1)o.setAttribute("title","0");
    else o.setAttribute("title",parseInt(o.getAttribute("title"))+1);
    o.setAttribute("src",arrSrc[o.getAttribute("title")]);
}
</script>

<a href="java script:void(0)" onclick="skiftbillede('eksempel',new Array('b/ext_pwr_off.gif','b/ext_pwr_on.gif','b/ext_pwr_gone.gif'))">
<img id="eksempel" title="0" src="b/ext_pwr_off.gif" alt="Før musen over dette billede" border="0">
</a>
Avatar billede shjorth Nybegynder
15. januar 2008 - 19:41 #16
Det er fandme smuk.. tusinde tak ;)
Avatar billede w13 Novice
15. januar 2008 - 19:43 #17
Så lidt. =)
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
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 4 27/04/202620:09 30/04/202622:36
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
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
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 dag 19:09 Download Win 11 - 25H2 Af ErikHg i Windows
30/0410:42 Access Import af csv fil - forkerte datatyper Af Henrik Berg Hansen i Andet software
29/0419:37 Hente CSV fil, indsætte CSV data i TABEL for JAVASCRIPT Af snestrup2000 i Programmeringsværktøjer
29/0412:23 Facebook Af hkv i Sociale medier
29/0411:38 JAVASCRIPT omdan ekstern variabel til søjleværdi .. Af snestrup2000 i Programmeringsværktøjer
White papers
Flere white papers »