Avatar billede Slettet bruger
12. februar 2006 - 11:09 Der er 4 kommentarer og
1 løsning

Billede Funkition lige som på qxl.dk

Hej

hvordan laver jeg denne funktion (http://my.qxl.dk/accdb/viewItem.asp?IDI=22844909)

Man kan trykke på de andre billeder nedenunder hovedet billedet. når man så trykker på den skifter billedet til det.

Hvordan laver jeg lige den funktion til en PHP kode ?

På forhånd
Avatar billede Slettet bruger
12. februar 2006 - 11:24 #1
Udskiftningen foregår i browseren vha. JavaScript og ikke PHP.
Et simpelt eksempel:

<script type='text/javascript'>
<!--
function skiftBillede() {
  billede = document.getElementById('hovedbillede');
  oldsrc = billede.src;
  billede.src = this.src;
  this.src = oldsrc;
}
//-->
</script>

<img src='/billede1.jpg' id='hovedbillede'>

<img src='/billede2.jpg' onclick='skiftBillede()'>
<img src='/billede3.jpg' onclick='skiftBillede()'>
<img src='/billede4.jpg' onclick='skiftBillede()'>
<img src='/billede5.jpg' onclick='skiftBillede()'>
Avatar billede Slettet bruger
12. februar 2006 - 11:32 #2
hmm. oka. men jeg kan stadig ikke få det til at virke helt korrekt
Avatar billede Slettet bruger
12. februar 2006 - 11:52 #3
Ja ok, sorry - der var et par småfejl, prøv dette i stedet:

<html>
<body>

<script type='text/javascript'>
<!--
function skiftBillede(obj) {
  billede = document.getElementById('hovedbillede');
  oldsrc = billede.getAttribute('src');
  billede.setAttribute('src', obj.getAttribute('src'));
  obj.setAttribute('src', oldsrc);
}
//-->
</script>

Hovedbillede:
<br>
<img src='http://www.pornowebmaster.dk/gal/425.jpg' id='hovedbillede'>
<br>
<br>
Skiftebilleder:
<br>
<img src='http://www.pornowebmaster.dk/gal/4325.jpg' onclick='skiftBillede(this)'>
<img src='http://www.pornowebmaster.dk/gal/4275.jpg' onclick='skiftBillede(this)'>
<img src='http://www.pornowebmaster.dk/gal/4205.jpg' onclick='skiftBillede(this)'>

</body>
</html>
Avatar billede Slettet bruger
12. februar 2006 - 14:22 #4
det virkede, lig et svar
Avatar billede Slettet bruger
12. februar 2006 - 14:36 #5
*svar*
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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