Css resize
Ik heb een aantal afbeeldingen die ik gewoon simpel crop met css
Maar nu wil ik ze daarna in een div stoppen die ze 80x80px maakt..
het probleem is:
de crop functie kijkt welke zijde het langst is, en haalt daar het nodige vanaf zodat het plaatje 4kant word..
als ik de afbeelding 80x80 px afmetingen geef.. dan heeft de afbeelding automatisch geen langste zijde meer en word deze gewoon vervormd weergegeven..
de bijgesneden afbeeldingen staan op www.webtreffers.nl
ik heb er een div om heen gezet met height en width 80px
maar dit helpt niks
weet iemand wat ik kan doen?
Gr. Jason
Ps. de vraag wat simpeler uitgelegd:
je hebt een 100x100px foto in een 10x10px div
hoe kan je zorgen dat de foto automatisch in deze div passend wordt gemaakt?
Gewijzigd op 06/05/2011 20:35:26 door Jason van der Zeeuw
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<img src="./images/plaatje.PNG" class="vierkant" />
.vierkant {
width: 80px;
height: 80px;
}
.vierkant {
width: 80px;
height: 80px;
}
Gewijzigd op 06/05/2011 20:53:38 door Victor -
maar waarom de afbeelding 'croppen' in css? je kunt het ook in photoshop doen. mocht je die niet hebben kun je eens kijken
http://www.picresize.com/
daar kun je gratis je foto's in grootte veranderen, ook meerderen afbeeldingen tegelijkertijd als je wilt.
groeten Bart Roelofs
Bart Roelofs op 15/05/2011 19:55:00:
volgensmij niet helemaal wat jason bedoelt.
maar waarom de afbeelding 'croppen' in css? je kunt het ook in photoshop doen. mocht je die niet hebben kun je eens kijken
http://www.picresize.com/
daar kun je gratis je foto's in grootte veranderen, ook meerderen afbeeldingen tegelijkertijd als je wilt.
groeten Bart Roelofs
maar waarom de afbeelding 'croppen' in css? je kunt het ook in photoshop doen. mocht je die niet hebben kun je eens kijken
http://www.picresize.com/
daar kun je gratis je foto's in grootte veranderen, ook meerderen afbeeldingen tegelijkertijd als je wilt.
groeten Bart Roelofs
Als je even naar de link had gekeken zie je dat het om een advertentie site gaat. Anderen plaatsen dus een foto en die moet worden geresized.
Dus jou antwoord om Photoshop te gebruiken werkt niet.
Ik zou dit gewoon met PHP GD oplossen. Ook omdat het plaatje dan in kb's ook kleiner wordt. Eventueel kan je het orgineel alsnog houden als je hierna toe wil linken.
Groeten Bart Roelofs