CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

Slettet bruger

06. januar 2008 - 22:53 Der er 6 kommentarer og
1 løsning

billedvisning med Javascript

Hejsa

- Jeg har et spørgsmål til hvordan man kan lave en liste i javascipt hvor hvert "punkt" indeholder stien til et billede.
Der skal så være en "næste"-knap og en "forrige"-knap som går til henholdsvist næste eller forrige billede når man klikker på disse.
Med andre ord så er det vel en eller anden funktion der skal laves.
Når man har klikke på "næste" så mange gange at vi er nået til enden på listen skal den begynde forfra - og når vi er når til første billede ved at klikke "forrige" skal vi gå til sidste billede.

- Er der ikke en som kan give mig et simpelt eksempel på hvordan man griber sådan noget an?

\Dan

Synes godt om

sobr Nybegynder

06. januar 2008 - 23:37 #1

Jeg tror der er en her du kan bruge:

http://www.dynamicdrive.com/dynamicindex14/swissarmy/index.htm

Synes godt om

Slettet bruger

07. januar 2008 - 02:04 #2

nej - så avanceret skal det helst ikke være...

- kan man ikke bare lave et array/liste hvor hvert punkt har et nummer og så når man skal klikke på næste viser den næste og forrige ved forrige... som jeg skrev ovenfor...

- Jeg vil bare gerne lære hvordan det gribes an med at styre et array på den måde..

\Dan

Synes godt om

crazysnap Seniormester

07. januar 2008 - 11:10 #3

Hej dannielsen,

Så har jeg bikset et lille simpelt eksempel sammen til dig her:

<html xmlns="http://www.w3.org/TR/html4/loose.dtd">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<script type="text/JavaScript">
//Globale variable
var imgTarget;
var index = -1;

//Billed-array. Tilføj dine billedstier her.
var arrImages = new Array();
arrImages[0] = "dot_1.GIF";
arrImages[1] = "dot_2.GIF";
arrImages[2] = "dot_3.GIF";
arrImages[3] = "dot_4.GIF";

function Init()
{
imgTarget = document.getElementById("imgSlide");
Next();
}

function Next()
{
imgTarget.src = arrImages[(++index + arrImages.length) % arrImages.length];
}

function Prev()
{
imgTarget.src = arrImages[(--index + arrImages.length) % arrImages.length];
}
</script>
</head>

<body onload="Init();">
<table>
<tr>
<td colspan="2">
<img id="imgSlide" src="" alt="" />
</td>
</tr>
<tr>
<td>
<input type="button" id="btnPrev" value="<" onclick="Prev();" />
</td>
<td>
<input type="button" id="btnNext" value=">" onclick="Next();" />
</td>
</tr>
</table>
</body>
</html>

Håber det var det du søgte.

Mvh.
CS

Synes godt om

Slettet bruger

18. januar 2008 - 00:39 #4

hej crazysnap...

- jeg nåede at få uddelegeret denne her opgave til en "menig" java-script-fan...

Men smid et svar, så får du point som tak for indsatsen...

\Dan

Synes godt om

crazysnap Seniormester

18. januar 2008 - 10:48 #5

Hej dannielsen,

Jamen jeg er da glad for at høre du fik løst opgaven.

Snup du bare pointene selv. :)

Mvh.
CS

Synes godt om

Slettet bruger

18. januar 2008 - 20:06 #6

Synes godt om

NinaSR Nybegynder

30. april 2009 - 13:48 #7

Nøj hvor er det simpelt!

Jeg tænkte på om der er mulighed for at få billederne til at fade, og at få knapperne til at være tekst istedet?

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
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

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