Notifikationer

Markér alle som læst Log ud

plaf Nybegynder

23. februar 2008 - 12:26 Der er 7 kommentarer og
1 løsning

Skifte mellem billeder

Jeg skal bruge et script, der viser 3 billeder. Ved klik på henholdsvis en frem- og tilbageknap skiftes alle 3 billeder:

Jeg har f.eks.
Billed1
Billed2
Billed3
Billed4
Billed5
Billed6

Før klik vises:
Billed1
Billed2
Billed3

Ved klik på frem-knap vises:
Billed2
Billed3
Billed4

Endnu et klik på frem-knap giver:
Billed3
Billed4
Billed5

Er der endnu ikke klikket på nogen billeder og man klikker på tilbage-knappen skal følgende vises:
Billed6
Billed1
Billed2

Scriptet skal altså loope...

Er der nogen, der kan følge mig... Og ikke mindst hjælpe....

Please

/Plaf

Osv.

Når der ikke er flere billeder

Synes godt om

w13 Novice

23. februar 2008 - 12:35 #1

"Osv.

Når der ikke er flere billeder"?

Synes godt om

plaf Nybegynder

23. februar 2008 - 12:47 #2

Ja, det er "Osv. Når der ikke er flere billeder" skulle have stået før min afskeds-salut...

Altså: Når der ikke er flere billeder starter loopen forfra... Giver det mening?

/Plaf

Synes godt om

w13 Novice

23. februar 2008 - 12:54 #3

Følgende er testet og skulle meget gerne fungere, som du ønsker det:
--------------------------------------------------------------------
<html>
<head>
<script type="text/javascript" language="javascript">
var aPics=new Array("billed1.jpg","billed2.jpg","billed3.jpg","billed4.jpg","billed5.jpg");
var iNoPic=0;
var iLength=3;
function getCorrectNo(i){
if(i<0)return i+aPics.length;
else if(i>=aPics.length)return i-aPics.length;
else return i
}
function ShowPics(){
iNoPic=getCorrectNo(iNoPic);
var iNo=iNoPic;
for(var i=0;i<iLength;i++){
document.getElementById("pic"+(i+1)).setAttribute("src",aPics[iNo]);
iNo=getCorrectNo(iNo+1)
}
}
window.onload=function(){ShowPics()}
</script>
</head>
<body>

<p><img id="pic1"><img id="pic2"><img id="pic3"></p>

<p><a href="java script:iNoPic--;ShowPics()">Forrige</a> - <a href="java script:iNoPic++;ShowPics()">Næste</a></p>

</body>
</html>
--------------------------------------------------------------------
Så skal du bare indsætte billederne her:
("billed1.jpg","billed2.jpg","billed3.jpg","billed4.jpg","billed5.jpg");
Og du kan så styre, hvor mange billeder, der vises af gangen, her:
var iLength=3;

Synes godt om

w13 Novice

23. februar 2008 - 12:57 #4

Og komprimeret:
----------------------------------------------
<html>
<head>
<script type="text/javascript" language="javascript">
var aPics=new Array("billed1.jpg","billed2.jpg","billed3.jpg","billed4.jpg","billed5.jpg");
var iLength=3,iNoPic=0;
function getCorrectNo(i){if(i<0)return i+aPics.length;else if(i>=aPics.length)return i-aPics.length;else return i}
function ShowPics(){iNoPic=getCorrectNo(iNoPic);var iNo=iNoPic;for(var i=0;i<iLength;i++){document.getElementById("pic"+(i+1)).setAttribute("src",aPics[iNo]);iNo=getCorrectNo(iNo+1)}}
window.onload=function(){ShowPics()}
</script>
</head>
<body>

<p><img id="pic1"><img id="pic2"><img id="pic3"></p>
<p><a href="java script:iNoPic--;ShowPics()">Forrige</a> - <a href="java script:iNoPic++;ShowPics()">Næste</a></p>

</body>
</html>

Synes godt om

plaf Nybegynder

25. februar 2008 - 08:22 #5

Det virker!!!!

Dog - jeg får sådan en advarsel i toppen af siden om aktive scripts... Kan det laves så man IKKE får denne advarsel?

Hvordan skriver man størrelsen på billederne - hvis man nu gerne vil vise dem mindre, end de er?

/Plaf

Synes godt om

roenving Novice

25. februar 2008 - 17:21 #6

Kører du det lokalt ?-)

-- hvis du uploader det til din ISP skulle advarslen gerne forsvinde (for selvfølgelig er scripts man kører fra harddisken meget farligere end dem, du kører fra indernettet !-)

Synes godt om

w13 Novice

25. februar 2008 - 20:33 #7

Hvis du kører det lokalt (altså hvor scriptet ligger på din pc og ikke på nettet), så får du som standard en advarsel, lige så snart, der køres JavaScript, som der jo gør her.

Og ang. højde og bredde på billederne, kunne det f.eks. se sådan her ud:

<p><img id="pic1" style="width:100px;height:110px"><img id="pic2" style="width:100px;height:110px"><img id="pic3" style="width:100px;height:110px"></p>

Synes godt om

plaf Nybegynder

26. februar 2008 - 13:06 #8

Tak - så var det liiiiige det, jeg skulle bruge :-)

/Plaf

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	4	27/04/202620:09	I går 22: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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS