Søg
Avatar billede cmau Nybegynder
11. april 2005 - 14:28 Der er 14 kommentarer og
1 løsning

Næste billede og forrige billede

Hejsa.

Jeg ved ikke om i kan se hvad jeg prøver med nedenstående script, så under det er en lille forklaring:

<body onload="pic();">

<script type="text/JavaScript">

pic = 20000;

function next() {
pic = pic + 1;
}

function previous() {
pic = pic - 1;
}

function pic() {
document.getElementById("picture").innerHTML = "<img src=http://bla.dk/images.php?id=" + pic + " border=0>";
}
</script>
<span id="picture"></span>
<a href="#" onclick="previous();">Forrige</a> <a href="#" onclick="next();">Næste</a>

Forklaring: Jeg vil gerne have at den viser et billede, hvor den så henter http://bla.dk/images.php?id=XXXXX. XXXXX er id'et på billedet også hvis man trykker næste plusser den id'et med 1 og forrige minuser, nogle der kan få det til at virke?

Det er kun anden gang jeg leger med javascript og fatter det næsten ikke :/
Avatar billede barklund Nybegynder
11. april 2005 - 14:34 #1
Du skal ikke have en variabel _og_ en funktion, der hedder pic. De konflikter med hinanden og kun den ene findes.
Avatar billede cmau Nybegynder
11. april 2005 - 14:38 #2
Ok nu viser den billedet, men næste og forrige funktionen virker ikke :(
Avatar billede barklund Nybegynder
11. april 2005 - 14:44 #3
Du skal jo kalde funktionen hver gang, du har opdateret variablen. Altså:

function next() {
  pic_counter++;
  showPic();
}

Eller hvad du nu har kaldt dine variabler og funktioner.
Avatar billede cmau Nybegynder
11. april 2005 - 14:48 #4
Det blev så sådan her:

<body onload="pic();">

<script type="text/JavaScript">

picnr = 20000;

function next() {
picnr++;
pic();
}

function previous() {
picnr--;
pic();
}

function pic() {
document.getElementById("picture").innerHTML = "<img src=http://lager1.partyfreak.dk/images.php?pic_id=" + picnr + " border=0>";
}
</script>
<span id="picture"></span><br>
<a href="#" onclick="previous();">Forrige</a> <a href="#" onclick="next();">Next</a>

Hvordan kan jeg så sætte på at hvis picnr er under 19000 skal den gøre sådan at man ikke kan klikke på forrige mere og hvis den kommer over 21000 skal man ikke kunne trykke næste mere?
Avatar billede cmau Nybegynder
11. april 2005 - 15:00 #5
Jeg har prøvet lidt, men det virker ikke :(

<body onload="pic();">

<script type="text/JavaScript">

picnr = 20000;
picmin = 19995;
picmax = 20005;

function next() {
picnr++;
pic();

if(!picnr < picmax) {

document.getElementById("picture").innerHTML = "<a href=# onclick=next()\;>Næste</a>";

} else {

document.getElementById("picture").innerHTML = "The End";

}
}

function previous() {
picnr--;
pic();

if(picnr > picmin) {

document.getElementById("picture").innerHTML = "<a href=# onclick=previous()\;>Forrige</a>";

} else {

document.getElementById("picture").innerHTML = "The End";

}
}

function pic() {
document.getElementById("picture").innerHTML = "<img src=http://lager1.partyfreak.dk/images.php?pic_id=" + picnr + " border=0>";

}
</script>
<span id="picture"></span>

Den henter kun billedet, hverken forrige, næste eller andet.
Avatar billede barklund Nybegynder
11. april 2005 - 15:04 #6
<body onload="pic();">

<script type="text/JavaScript">
picnr = 20000;
picmax = 19995;
picmin = 20005;
function next() {
  picnr++;
  pic();
}

function previous() {
  picnr--;
  pic();
}

function pic() {
document.getElementById("picture").innerHTML = "<img src=http://lager1.partyfreak.dk/images.php?pic_id=" + picnr + " border=0>";
document.getElementById("nextbtn").disabled = picnr == picmax;
document.getElementById("prevbtn").disabled = picnr == picmin;
}
</script>
<span id="picture"></span><br>
<a href="#" id="prevbtn" onclick="previous();">Forrige</a> <a href="#" id="nextbtn" onclick="next();">Next</a>
Avatar billede barklund Nybegynder
11. april 2005 - 15:05 #7
(er der ikke en disabled på et link?)
Avatar billede cmau Nybegynder
11. april 2005 - 15:08 #8
Når man kommer op til 20005 bilver forrige grå, det er jo næste der skal blive det :)

Men ved ikke helt om den disabled'er ?
Avatar billede cmau Nybegynder
11. april 2005 - 15:20 #9
disabled virker åbenbart ikke på links :/
Avatar billede barklund Nybegynder
11. april 2005 - 15:24 #10
Hm, prøv med:

<body onload="pic();">

<script type="text/JavaScript">
picnr = 20000;
picmin = 19995;
picmax = 20005;
function next() {
  picnr++;
  pic();
}

function previous() {
  picnr--;
  pic();
}

function pic() {
document.getElementById("picture").innerHTML = "<img src=http://lager1.partyfreak.dk/images.php?pic_id=" + picnr + " border=0>";
document.getElementById("nextbtn").onclick = picnr < picmax ? next : null;
document.getElementById("prevbtn").onclick = picnr > picmin ? previous : null;
}
</script>
<span id="picture"></span><br>
<a href="#" id="prevbtn" onclick="previous();">Forrige</a> <a href="#" id="nextbtn" onclick="next();">Next</a>
Avatar billede cmau Nybegynder
11. april 2005 - 15:32 #11
Så virker det, tusind tak ;)
Avatar billede barklund Nybegynder
11. april 2005 - 15:39 #12
Helt fint :)
Avatar billede cmau Nybegynder
11. april 2005 - 15:39 #13
Smider du svar?
Avatar billede cmau Nybegynder
11. april 2005 - 15:40 #14
Nå hov ;P
Avatar billede barklund Nybegynder
11. april 2005 - 15:42 #15
Tark for points ;)
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 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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
25/0713:55 Ukendt sender e-mails fra - og til min e-mail adresse Af mort1 i Andet sikkerhed
24/0711:08 Forskel mellem klokkeslet start aften slut næste morgen Af krasmussen i Excel
23/0715:10 WINDOWS KOMPABILITET Af snestrup2000 i Windows
22/0720:19 DVB T2 tuner med optagefunktion Af ErikHg i Andet hardware
20/0716:00 Fildeling mellem 2 windows 11 systemer Af knudg i Windows
White papers
Flere white papers »