Hey allemaal,

weet iemand of het mogelijk is een grote foto automatisch te laten verkleinen naargelang de resolutie van het scherm?

Dus bv als ik foto van 1024x768 heb, en iemand de foto opent op scherm van 800x600 dat hij niet stuk wegsnijd, maar meteen de foto verkleint zodat hij helemaal te bekijken is..
Zoja, hoe?

Alvast bedankt

denk dat je dat met javascript moet gaan doen

Voeg aan het IMG-element een breedte toe, met het gewenste percentage. In dit geval wil je de foto in het hele scherm openen dus 100%:

<img src="***.jpg" width="100%" alt="">

Het is een achtergrond afbeelding..

style="width:100%" denk ik dan?

Heb even voor je gezocht

Zoek "liquid design" op google:
http://www.google.nl/search?q=liquid design

Een achtergrond kan je geen width meegeven Tom ;)

Een optie zou waarschijnlijk idd Javascript zijn.
Je kan echter ook een normale afbeelding gebruiken.

De html die je nodig hebt:

Code:

<img src="achtergrond.png" alt="" id="achtergrond" />

<div id="container">

</div>

De css die daarbij komt:

Code:

#achtergrond {
   width:100%;
   position:absolute;
   left:0px;
   top:0px;
   z-index:100;
}

#container {
   position:relative;
   z-index:200;
}

Origineel gepost door gast2960

Een achtergrond kan je geen width meegeven Tom ;)

Een optie zou waarschijnlijk idd Javascript zijn.
Je kan echter ook een normale afbeelding gebruiken.

De html die je nodig hebt:

Mijn HTML is ook niet opperbest ;)

Origineel gepost door Tom Verhaeg

Mijn HTML is ook niet opperbest ;)

En jij bent toch webdesigner? :)))

hoewel het niet de mooiste resultaten voor je foto op zal leveren sluit ik me aan bij de optie van Gijsbert....de achtergrond in een aparte laag zetten en die een breedte meegeven.