Gå til innhold

Grønn innen Javascript - hjelp til bildegalleri


Anbefalte innlegg

Har en webside (xxxx.html), på denne er det en god del tekst.

Jeg skal ha 1 stort hovedbilde på toppen av siden, og vil ha 5 små (thumnails) under hovedbildet. Jeg vil at hovedbildet skal bytte til de ulike bildene ved at jeg trykker (ikka bare fører musen over) på bildet, og et nytt bilde skal lastes opp, uten at hele siden skal lastes opp.

 

Kan jeg lage dette med javascript ?

 

Vil det si at det holder med å kode koden i html filen, eller må jeg gå den omstendelige veien og lage noen eksterne filer med database osv...

Lenke til kommentar
Videoannonse
Annonse
<html>
<head>
<script type="text/javascript">
<!--
function NewSrc(src)
{
var img=document.images
img[0].src="img"+src+".gif"
}
//-->
</script>
</head>
<body>

<img src="img0.gif" /><br />

<img src="img1.gif" width="150px" height="110px" onclick="NewSrc(1)" />
<img src="img2.gif" width="150px" height="110px" onclick="NewSrc(2)" />
<img src="img3.gif" width="150px" height="110px" onclick="NewSrc(3)" />
<img src="img4.gif" width="150px" height="110px" onclick="NewSrc(4)" />
<img src="img5.gif" width="150px" height="110px" onclick="NewSrc(5)" />

</body>
</html>

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...