23. august 2002 - 17:32Der er
19 kommentarer og 1 løsning
Skift billeder på "næste" og "forrige"
Hej, Jeg sidder og arbejder på en hjemmeside i Dreamweaver MX. Og jeg kunne godt tænke mig at lave en side hvor man kan bladre i nogle forskellige billeder med en knap der hed "Næste" og "Forrige". Altså der kommer et nyt billede for hver gang jeg trykker næste og kan gå tilbage ved at sige forrige. Billederne der skifter skulle være placeret midt på siden med knapperne under billederne.
Skulle være rimeligt simpelt, hvilket det sikkert også er, jeg er bare ikke lige klar over hvordan ?
max_antal_billeder = 2; // ret antal billeder der skal vises
function visbillede(retning) {
// her finder vi ud af om vi skal frem eller tilbage:
if (retning == 'tilbage') {
// der trækkes 1 fra tælleren:
// hvis tælleren kommer under 0, skal den sættes til 1 // da det første billede hedder billede0:
if (counter == 1) { alert('Dette er det første billede'); counter = 1 } else { counter = counter - 1; }
} else {
// der lægges 1 til tælleren:
if (counter == max_antal_billeder) { alert('Dette er det sidste billede!'); // counter = counter - 1; } else { counter = counter + 1; }
}
// Billedet vises:
document.billede.src = 'billede' + counter; }
// Denne funktion kaldes ved onError i img-tagget. // Dette virker vist nok kun i Internet Explorer!: function fejl() { //visbillede('tilbage'); //alert('Dette er det sidste billede!'); }
hmm.. hvis den allerede viser det første billede skal den vel bare sige "Dette er det sidste billede!".. og ved den sidste side skal den vel bare starte ved det første billede..
her er koden:
note:<br> i testen er der kun 2 billeder.<br>
<center>
<!--
Navigationen er placeret øverst så den ikke forsvinder hvis det er et stort billede.
Billederne skal bare hedde "billedeX" hvor X er et nummer.
f.eks.:
billede1, billede2, billede3 osv..
** Læg mærke til at der IKKE står nogen endelser! **
Dette gør det nemmere at vise billederne, da det så (næsten) er lige meget hvilket format det er i.
//-->
<script language="javascript"> start = 1; // start ved billede1 <-- 1 counter = start; // start ved det første billede
max_antal_billeder = 2; // ret antal billeder der skal vises
function visbillede(retning) {
// her finder vi ud af om vi skal frem eller tilbage:
if (retning == 'tilbage') {
// der trækkes 1 fra tælleren:
// hvis tælleren kommer under 0, skal den sættes til 1 // da det første billede hedder billede0:
if (counter == 1) { alert('Dette er det første billede'); // counter = 1 counter = start; } else { counter = counter - 1; }
} else {
// der lægges 1 til tælleren:
if (counter == max_antal_billeder) { // alert('Dette er det sidste billede!'); // counter = counter - 1; counter = start; } else { counter = counter + 1; }
}
// Billedet vises:
document.billede.src = 'billede' + counter; }
// Denne funktion kaldes ved onError i img-tagget. // Dette virker vist nok kun i Internet Explorer!: function fejl() { //visbillede('tilbage'); //alert('Dette er det sidste billede!'); }
>hmm.. hvis den allerede viser det første billede skal den vel bare sige "Dette er det sidste billede!"..<
skulle have været "Dette er det første billede!".. "sidste" -> "første"..
PS: Denne del kan du fjerne (det var bare en test): ---
// Denne funktion kaldes ved onError i img-tagget. // Dette virker vist nok kun i Internet Explorer!: function fejl() { //visbillede('tilbage'); //alert('Dette er det sidste billede!'); }
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.