Avatar billede radiohead Nybegynder
17. november 2006 - 17:22 Der er 7 kommentarer og
2 løsninger

Max-width på billede

VEd ikke om jeg SKAL ud i noget javacript eller om det kan klares med CSS, men...

Er der en måde hvorpå jeg kan sætte max-width på et billede?

Hvis det er mere en 300px i bredden skal det skaleres ned til 300px width.

Er det mindre end 300px i bredden, skal det naturligvis forblive i sin størrelse.


Jeg fandt et javascript her på exp, men kunne ikke få det til at virke.
Avatar billede karmicmind Nybegynder
17. november 2006 - 19:46 #1
Der findes en egenskab, der hedder 'max-width', men den virker vist ikke i IE6..
http://w3schools.com/css/pr_dim_max-width.asp

Men den mest hensigtsmæssige måde er at lave/finde et server-side script, der kan generere en thumbnail du vil ha den..

Det dur ikke at skalere billeder i HTML eller CSS, da billedet alligevel bliver downloaded i dens fulde størrelse..
Avatar billede psychopaticola Nybegynder
17. november 2006 - 19:58 #2
Som karmicmind siger, så kan du jo gøre det via HTML (med egenskaben width="300" under dit img), men når jeg laver den type opgaver, plejer jeg at starte en batch der skalerer alle billederne ned til 300px i Photoshop. Eller gøre det manuelt en efter en.
Avatar billede radiohead Nybegynder
17. november 2006 - 20:09 #3
Jeg var klar over max-width, men når det ikke fungerer i den mest brugte browser, er det nok ikke super-optimalt. :P

Det er også ligegyldigt, at det bliver downloadet i fuld størrelse - Det gør egentlig ikke så meget... bare de bliver skaleret ned

Psycho - width="300" duer jo ikke, da små billeder derved bliver skaleret op i 300px... Og Photoshop er ikke en mulighed.
Avatar billede radiohead Nybegynder
17. november 2006 - 20:09 #4
lader lige spm'et stå åbent i håb om, at der dumper et fedt, lille javascript op :D
Avatar billede b_ Nybegynder
17. november 2006 - 20:27 #5
Avatar billede b_ Nybegynder
17. november 2006 - 20:29 #6
Eneste minus: billedet bliver downloaded i dens fulde størrelse
Avatar billede radiohead Nybegynder
17. november 2006 - 20:30 #7
Alt andet end PHP :D

kom med et simpelt, kort asp script der kan det samme ;-)
Avatar billede b_ Nybegynder
18. november 2006 - 13:49 #8
Avatar billede radiohead Nybegynder
18. november 2006 - 15:28 #9
Ja ok... Rimelig overkill... :D

Ufatteligt der ikke findes en nem måde at gøre det på.

Nå, men tak for jeres forsøg!
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