06. marts 2003 - 22:17Der er
13 kommentarer og 2 løsninger
tilpas billede til frame
Jeg er ved at lave et galleri. I det har jeg nogle billeder jeg skal bladre imellem. når man trykker på et billede kommer der et pop-up vindue på 300x300 pixels. I bunden af dette vindue skal der være en menu på 300x20 så man kan bladre frem og tilbage. I feltet på 300x280 skal billedet så være.
Men når billedet er højere end 280 skubber det menuen ud. Hvordan kan jeg automatisk skalerer billedet så det kan være der?
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
jeg skal ærligt indrømme at jeg ikke er meget hjemme i html, men umiddelbart så får jeg vel bare det modsatte problem, nemlig at billeder der er i bredformat går udenfor popup-vinduet. jeg vil gerne undgå at der skal skaleres i det...
Skær alle dine billeder ned til 280 i højde og 300 i bredden, og gem dem i det format. Rent grafisk ser det ud af H til hvis man bare reducerer dem i koden.
I "gamle" dage virkede <img...> sådan, at hvis man angav både height og width, så ville billedet blive skaleret til præcis at udfylde denne ramme. Men der er en ret væsentlig grund til IKKE at benytte sig af denne metode: Det vil se ud ad H...... til. Hvis du f.eks. har et billede af et siddende selskab 100 høj og 200 bred og sætter det i bås til 200 høj og 50 bred, så bliver selskabet pludselig nogle meget høje og meget smalle personer. Så en skalering skal som minimum rettes ind, så billedet bliver forstørret eller formindsket lige meget på begge leder.
Men... Enhver skalering laver støj! Og især hvis det overlades til browseren. Hvis du f.eks. fordobler på hver led, så vil browseren typisk bare sætte fire pixels i stedet for en. Resultatet bliver derfor temmelig kantet at se på - med mindre du går langt fra skærmen. Og hvis du i stedet formindsker, så fjerner browseren nogle informationer, så det nye billede igen ikke bliver perfekt.
Så det bedste er nok at bruge et ordentligt grafikprogram til selv at skalere billederne, så de holder sig inden for den afsatte plads. Det vil for resten også få store billeder til at loade hurtigere, da de nu er blevet mindre. Browserens skalering henter nemlig HELE billedet ind og fremviser det bare mindre.
hmm... havde håbet på der var en smart løsning. Det er fordi jeg laver siden til nogen der ikke har så meget styr på computer og ville derfor gøre det så nemt som muligt for dem.
Som sådan har i ikke løst problemet, men jeg synes at et så langt svar som greatdane giver fortjener point alligevel. Så hvis du lige laver et svar kan jeg give dig dem.
Synes godt om
Slettet bruger
07. marts 2003 - 14:00#10
Med PHP kan du udregne skaleringsforholdet, men uanset det vil grafikken blive hakket, da det er en grim form for skalering.
Jeg vil da gerne modtage lidt points, men kan du ikke fordele dem mellem /cdc, el_barto og mig - jeg har godt nok skrevet mest, men de andre har givet cirka lige så megen information :-)
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.