Avatar billede zetn Nybegynder
28. juni 2004 - 16:14 Der er 8 kommentarer og
1 løsning

Visning af billeder

Heysa, er der nogle der kan hjælpe mig med at lave et script til visninger af billeder.

Det skal gerne ligne denne fremvisning, men bare kom med andre ideer hvis det er:

http://my.qxl.dk/accdb/viewItem.asp?IDI=12635023&ListingType=0&ListingSort=1&PageNum=2&Catg=10320
Avatar billede skovenborg Nybegynder
28. juni 2004 - 16:22 #1
Avatar billede zetn Nybegynder
28. juni 2004 - 16:24 #2
Som du kan se åbner den på qxl ikke i et nyt vindue. Det skal være så den åbner ved siden af billedet.
Avatar billede skovenborg Nybegynder
28. juni 2004 - 16:38 #3
nu er der jo flere billeder på siden - så hvad for en af funktionerne er det du mener?
Er det den med de to små billeder nederst, så når man klikker på det billede, så vises det istedet for det store og de små billeder skifter plads?
Avatar billede zetn Nybegynder
28. juni 2004 - 16:43 #4
ja lige præcis
Avatar billede skovenborg Nybegynder
28. juni 2004 - 18:21 #5
du kan prøve:
<script type="text/javascript">
  var imgArr = ["billede1.png","billede2.png","billede3.png"]; // Dine billeder
  var bigImageName = "stortbillede"; // Navnet på det img-element som de store billeder vises i
  var activeImg = imgArr[0]; // Hvad for et billede du starter med
  function changeImg(elm) {
        t = activeImg;
        document.images[bigImageName].src = activeImg = elm.src;
        elm.src = t;
  }
</script>

<img src="billede1.png" name="stortbillede" style="width:200px;height:200px" />
<script type="text/javascript">
  document.write("<div>");
  for (i=0;i<imgArr.length;i++) {
        if (imgArr[i] != activeImg) {document.write("<img src='"+imgArr[i]+"' style='width:50px;height:50px' onclick='changeImg(this)' />");}
  }
  document.write("</div>");
</script>
Avatar billede skovenborg Nybegynder
28. juni 2004 - 18:24 #6
her skal:
<script type="text/javascript">
  document.write("<div>");
  for (i=0;i<imgArr.length;i++) {
        if (imgArr[i] != activeImg) {document.write("<img src='"+imgArr[i]+"' style='width:50px;height:50px' onclick='changeImg(this)' />");}
  }
  document.write("</div>");
</script>
sættes ind hvor du vil have dine thumbnails og:
<img src="billede1.png" name="stortbillede" style="width:200px;height:200px" />
der hvor det store billede skal være (hvis du ændrer navnet på billedet skal du også huske at ændre variablen bigImageName).
Det er her en god ide (for ikke at sige, at det kræves) at billedet, som du starter med at vise i stort format, også er det du sætter som activeImg i starten. Her bruger jeg bare det første billede i arrayet, men det kan du altid ændre.
Avatar billede zetn Nybegynder
28. juni 2004 - 18:52 #7
Takker mange gange, virker perfekt!
Smid et svar!
Avatar billede zetn Nybegynder
28. juni 2004 - 19:09 #8
Hvordan kobler du noget ASP ind i selve koden? - det er nemlig fra udtræk af database, så hvis en bruger kun har 2 billeder skal der kun vises 2, og hvis 3, 3...
Avatar billede skovenborg Nybegynder
28. juni 2004 - 19:28 #9
jeg kender ikke rigtig til ASP, men det du skal gøre er at lave smide alle billederne fra din database ind i arrayet imgArr (som det stor ovenover). Derudover skal du så tage fx det første billede og lægge ind der hvor de store billeder bliver vist. Håber du kan finde ud af det på en eller anden måde - men jeg kan desværre ikke selv vise dig hvordan.
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