Notifikationer

Markér alle som læst Log ud

xbobby Nybegynder

29. april 2004 - 13:14 Der er 9 kommentarer og
1 løsning

Nyt billede for hvert museklik

Hej med jer.

Det som jeg har brug for er at når jeg klikker på et link, så vises der et billede, som vi kunne kalde for "billede01.jpg" Anden gang at der klikkes på linket vises der et billedet der heder "billede02.jpg" og så fremdeles for hver gang der klikkes og når der klikkes mere end 10 gange skal der vises en alert der siger at der ikke er flere billeder.

Jeg har brug for nogle konkrete kodeeksempler, da jeg bestemt ingen ørn er til javascript - Okay :-)

Synes godt om

roenving Novice

29. april 2004 - 14:09 #1

Umiddelbart ville jeg da tænke den til at starte loopet forfra ...

<script type="text/javascipt">
var billeder = ['billede01.jpg','billede02.jpg','billede03.jpg','billede04.jpg','billede05.jpg', 'billede06.jpg','billede07.jpg','billede08.jpg','billede09.jpg','billede10.jpg'], num=0;

function chgImg(dir){
num = (num+dir+billeder.length)%billeder.length;
document.images['skiftBillede'].src = billeder[num];
}

<div style:"text-align:center;height:400px;width:400px;">
<img src="billedeo1.jpg" height="350px;"><br>
<button onclick="chgImg(-1)"><</button> <button onclick="chgImg(1)">></button>
</div>

Hvis du kun vil have een tur igennem, og så alerten, kan det jo også laves ...

Synes godt om

xbobby Nybegynder

29. april 2004 - 20:51 #2

Det med at det skal køre forfra i stedet for en alert den er jeg med på - det er klart bedre på den måde. Men jeg kan ikke få din kode til at virke, så jeg smider den lige på som den ser ud på min html side.

Hvad er det som jeg gør galt?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<script type="text/javascipt">
var billeder = ['billede01.jpg','billede02.jpg','billede03.jpg','billede04.jpg','billede05.jpg'], num=0;

function chgImg(dir){
num = (num+dir+billeder.length)%billeder.length;
document.images['skiftBillede'].src = billeder[num];
}
</script>
</head>

<body>

<div style:"text-align:center;height:400px;width:400px;">
<img src="billede01.jpg" height="350px;"><br>
<button onclick="chgImg(-1)"><</button> <button onclick="chgImg(1)">></button>
</div>

</body>
</html>

Synes godt om

wagner Nybegynder

30. april 2004 - 00:50 #3

Så vidt jeg kan se, så mangler du noget der kan identificere dit img tag.

Prøv at ændre <img src="billede01.jpg" height="350px;"><br> til
<img id ="skiftBillede" src="billede01.jpg" height="350px;"><br>
eller
<img name="skiftBillede" src="billede01.jpg" height="350px;"><br>

ellers ser det ret fornuftigt, det du du har fået lavet sammen med roenving.

Wagner

Synes godt om

roenving Novice

30. april 2004 - 01:11 #4

Upz, wagner har helt ret, der mangler et name på img-tagget !-)

Synes godt om

roenving Novice

04. maj 2004 - 03:47 #5

-- og var det ikke en af de spørgsmål, som blev afsluttet før nedbruddet ?-)

-- så jeg må vel hellere gentage et velbekomme '-)

Synes godt om

xbobby Nybegynder

04. maj 2004 - 12:29 #6

Hej Roenving
Der er røget 3 indlæg ud i forbindelse med nedbrudet. Jeg får stadigvæk en fejlmedelse, selv når jeg giver img et navn eller id, som wagner foreslog.

Gider du prøve at lægge koden ind på din PC og lige checke hvad det er der er galt?

Synes godt om

roenving Novice

04. maj 2004 - 12:48 #7

Der mangler et r i java script:

<script type="text/javascript">

Synes godt om

xbobby Nybegynder

04. maj 2004 - 20:22 #8

Tak det var lige det der skulle til :-)

Tak for jeres hjælp og tålmodighed

Der er 60 point på vej til dig roenving

//xbobby

Synes godt om

xbobby Nybegynder

04. maj 2004 - 20:24 #9

Her er koden samlet med rettelser, så andre bare kan kopirer den

<html>
<head>
<title>Billede for billed</title>
<script type="text/javascript">
var billeder = ['billede01.jpg','billede02.jpg','billede03.jpg','billede04.jpg','billede05.jpg'], num=0;

function chgImg(dir){
num = (num+dir+billeder.length)%billeder.length;
document.images['skiftBillede'].src = billeder[num];
}
</script>
</head>

<body>

<div style:"text-align:center;height:400px;width:400px;">
<img name="skiftBillede" src="billede01.jpg" height="350px;"><br>
<button onclick="chgImg(-1)"><</button> <button onclick="chgImg(1)">></button>
</div>

</body>
</html>

Synes godt om

roenving Novice

04. maj 2004 - 21:00 #10

-- og tak for point ;~}

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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	5	27/04/202620:09	03/05/202613:59
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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS