Avatar billede dont Nybegynder
16. juni 2004 - 13:25 Der er 6 kommentarer og
1 løsning

Billede - størrelse og placering

Jeg er ved at lave en side med nogle billeder og der er to ting jeg har brug for.

1. Jeg vil gerne have vist billederne som thumbnails og størrelsen på disse skal være afhængig af den originale billedstørelse. (Kan det gøres med et script, der beregner/aflæser den originale størrelse hvorefter jeg dividerer den med en bestemt værdi ens for alle billederne?)

2. Jeg har lavet en visning af billedet i original størrelse når man laver en mouseOver over thumbnailen, men placeringen af det originale billede skal også være afhængig af thumbnailens placering. (Kan det gøres med et script, der beregner/aflæser thumbnailens placering hvorefter denne placering kan benyttes til placering af originalen?)

Håber der er nogle javascript-hajer, der kan hjælpe. ;o)
Avatar billede helle_fred Nybegynder
16. juni 2004 - 13:59 #1
<img src="b.jpg" id="h">
<script>
function thumb(billedid,procent){
  b=document.getElementById(billedid)
  w=b.width*(procent/100)
  t="<img src='"+b.src+"' width='"+w+"' id='thumb'>"
  document.write(t)
}
thumb("h",90)
thumb("h",80)
thumb("h",70)
thumb("h",60)
thumb("h",50)
thumb("h",40)
</script>
Avatar billede dont Nybegynder
16. juni 2004 - 15:11 #2
Det kunne jeg godt bruge. Tak skal du have. Jeg skulle vist ikke have delt spørgsmålet op i to. Fortsætter her: http://www.eksperten.dk/spm/510488
Avatar billede dont Nybegynder
16. juni 2004 - 16:40 #3
Bortset fra at originalbilledet stadig vises.......og derefter thumbnailen??? Bruger jeg scriptet forkert. Først er der jo visningen fra <img src="b.jpg" id="h"> og derefter fra thumb("h",50) som jeg bruger.
Avatar billede helle_fred Nybegynder
16. juni 2004 - 16:46 #4
Du kan bruge denne i stedet. Klikker man på billedet forstørres det med faktor - som kan sættes til 1, hvis man ikke ønsker denne funktionalitet.
<script>
I=new Image();
I.src="b.jpg";


function thumb(billede,procent,billedid, faktor){
      t="<img src='"+
    billede.src+
    "' width='"+
    billede.width*(procent/100)+
    "' id='"+billedid+
    "' onClick='document.getElementById(\""+
billedid+
"\").width=document.getElementById(\""+
billedid+
"\").width*"+faktor+"'>";

document.write(t)
}

thumb(I,20,"thumb", 1.1)
</script>
Avatar billede dont Nybegynder
16. juni 2004 - 17:38 #5
Jeg kan desværre ikke bruge det, da hele siden rykker når billedet pludselig bliver forstørret. Kan man ikke lave et script som bare returnerer værdien af billede.width*(procent/100) og så i <img src.... skrive noget i stil med width="beregnBredde()" ?
Avatar billede helle_fred Nybegynder
17. juni 2004 - 12:08 #6
<script>
I=new Image();
I.src="b.jpg";
Procent=20

t="<img src='"+I.src+"' width='"+I.width*(Procent/100)+"' >";
alert(t);
document.write(t)
</script>
Avatar billede dont Nybegynder
17. juni 2004 - 16:13 #7
Tak for hjælpen. Nu virker det perfekt. (uden alert(t))
<script>
I=new Image();
I.src="b.jpg";
Procent=20
t="<img src='"+I.src+"' width='"+I.width*(Procent/100)+"' >";
document.write(t)
</script>
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