Avatar billede webbe Nybegynder
18. februar 2004 - 09:54 Der er 11 kommentarer og
1 løsning

Script til proportional resize af billeder

Hejsa eksperter

Jeg har brug for et script der automatisk sætter et billede til max 300 pixels i højden og bredden i proportional forhold til højden.

Jeg har pt et script der ved OnMouseOver viser billedet i en tabel-celle, hvilket kører fint nok, men det viser kun billedet i original størrelse.
Det skal være sådan at når man klikker på mine thumbnails, så åbnes der en popup med billedets originale størrelse.

Her er mit script:

<script type="text/javascript" language="javascript">

var st  = "./images/galleri/"; //mappen med de store billeder


function overpic(e){
  fil = e.src.substring(e.src.lastIndexOf("/")+1);
  document.getElementById('visstor').src = st+fil
}
</script>

Det skal ikke være ASP.Image og det skal kunne køre sammen med en database, da fil-navnene kommer fra en database.

Er det muligt?
Avatar billede mm12010 Nybegynder
18. februar 2004 - 10:02 #1
function resizePic(imgName){
    maxWidth=300;
    img=document.images[imgName];
    pic=new Image();
    pic.src=document.images[imgName].src;
    w=pic.width;
    if(w>maxWidth){
        x=w/maxWidth;
        img.width=Math.round(w/x);
        img.height=Math.round(pic.height/x);
        }
    }
Avatar billede mm12010 Nybegynder
18. februar 2004 - 10:06 #2
hovsa, det var bredden - her er højden:

function resizePic(imgName){
    maxHeight=300;
    img=document.images[imgName];
    pic=new Image();
    pic.src=document.images[imgName].src;
    h=pic.height;
    if(h>maxHeight){
        x=h/maxHeight;
        img.height=Math.round(h/x);
        img.width=Math.round(pic.width/x);
        }
    }
Avatar billede webbe Nybegynder
18. februar 2004 - 10:07 #3
og hvordan skal jeg kalde det script?

Det skal vel være på det "store" billede!?
Avatar billede roenving Novice
18. februar 2004 - 10:11 #4
Er det

http://roenving.users.whitehat.dk/WD1ResizeTilBillede.html

du har bug for til dine popups ?o]

-- og så mm's til at size dine billeder i tabellen (thumbnails ?-)
Avatar billede webbe Nybegynder
18. februar 2004 - 10:16 #5
det med popup'en har jeg styr på - det er kun det til resize af billedet...men hvordan skal jeg kalde det?

Skal det være på min thumbnail eller på det store billede?
Avatar billede webbe Nybegynder
18. februar 2004 - 10:53 #6
Har som sådan fået det til at virke, men det konflikter lidt med det andet script jeg har.

Får en fejl der hedder:

document.images[...].src' er null eller ikke et objekt.
Avatar billede roenving Novice
18. februar 2004 - 10:56 #7
Er du sikker på at img har en name-attribut ?-)
Avatar billede mm12010 Nybegynder
18. februar 2004 - 10:58 #8
resizePic('visstor')
Avatar billede mm12010 Nybegynder
18. februar 2004 - 11:00 #9
hvis dit billede så ser således ud:

<img name="visstor" ...
Avatar billede webbe Nybegynder
18. februar 2004 - 11:08 #10
ja - har nme-attribut på billedet - men havde glemt resizePic('visstor')

thanx
Avatar billede webbe Nybegynder
18. februar 2004 - 11:08 #11
opretter du et svar mm?
Avatar billede mm12010 Nybegynder
18. februar 2004 - 11:10 #12
selv tak :o)
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