Dynamisk bildstorlek i realtid

Tråden skapades och har fått 3 svar. Det senaste inlägget skrevs .
1
  • Medlem
  • Stockholm
  • 2009-06-01 13:43

Jag är på jakt efter en lösning som kan skala om en bild i realtid på en hemsida. Jag vill att bildens bredd ska anpassa sig efter bredden på en div (höjden på bilden ska givetvis följa med proportionerligt). Man ska alltså inte vara tvungen att uppdatera sidan för att bilden ska skalas om utan den ska flöda med i fall man exempelvis ändrar bredden på sin browser.

Någon som har en bra lösning på det hela? Går det att uppnå med JavaScript som känner av bredden på div:en och sätter en width på bilden?

  • Medlem
  • Göteborg
  • 2009-06-01 23:17

eller så sätter man bildens bredd till 100% inom diven med css, helt enkelt.

  • Medlem
  • Stockholm
  • 2009-06-02 10:43

Det skulle ju i så fall nästan vara lite för lätt. Klantigt av mig att inte testa det först.

Ursprungligen av bridell:

Det skulle ju i så fall nästan vara lite för lätt. Klantigt av mig att inte testa det först.

Ja det är lite för lätt och det är faktist en del saker du måste tänka på om det skall se bra ut ..

det första du skall tänka på är interpolation mode i Internet Explorer ..

Safari och Firefox fixar resize av img vädligt bra men inte IE .. därför måste du i CSS lägga till i img taggen -ms-interpolation-mode: bicubic;

här har du en länk om IE Fix Bicubic Scaling:

http://css-tricks.com/ie-fix-bicubic-scaling-for-images/

här har du en länk för full screen image

http://klippoglim.no/blog/2009/04/full-screen-images/

1
Bevaka tråden