19. april 2004 - 21:24Der er
5 kommentarer og 1 løsning
Mus over lille billede frembringer større billede andet steds
Hej eksperter!
Jeg er på jagt efter et smart lille script, som kan følgende:
Jeg vil have x antal små thumbnail-billeder et afgrænset sted på min hjemmeside, og når man fører musen over dem, så bliver de vist i større udgave et andet forudbestemt sted på siden. Kan det gøres smart, så jeg efter forgodtbefindende kan tilføje ekstra thumbnails på siden og evt. kun tilføje en ekstra linie eller to i koden vedr. det nye billede???
det skulle egentlig ikke være så svært: <img src="billede1.png" width="70" height="70" onclick="document.images['imgStor'].src = this.src" /><img src="billede2.png" width="70" onclick="document.images['imgStor'].src = this.src" height="70" />
og et valgfrit sted på siden: <img src="" name="imgStor" />
Et lille tillægsspørgsmål: De små billeder har samme størrelse i kb som de store (af gode grunde), men har det noget at sige, for den der loader siden? Henter den kun det enkelte billede én gang og fordeler det til det lille og det store billede, eller bliver hvert billede hentet dobbelt, så båndbredden bliver unødigt belastet?
Som jeg har forstået IE6' måde at gøre det på, vil den hver gang den får brug for et billede undersøge om der er opdateringer/ændringer, men den henter kun billedet een gang ...
Hvis det er en ordentlig stak billeder kan det betale sig at fremstille egentlige thumbnails, da størrelsen falder drastisk ved mindre udgaver (kvadratet på forholdet mellem original-størrelse thumb-størrelse, altså et billede er 1/9 i kb-størrelse, hvis det er 1/3 i bredde !-)
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.