Bildanpassung
Dominik
- multimedia (audio & video)
Hallo.
Ich arbeite an einem Programm, dass ein Webalbum erstellt. Jedes Bild ist auf einer einzelnen HTML-Seite eingebettet. Das Problem ist, dass gescrollt werden muss, wenn die Bilder zu groß sind. Mit CSS 'width: 100%' funktioniert zwar, aber wenn die Bilder kleiner sind als der Anzeigebereich, werden sie vergrößert und pixelig. Lässt sich das realisieren, dass Bilder, die zu klein sind, klein bleiben aber die, die zu groß sind angepasst werden?
Danke schon im Voraus.
Hi,
Mit CSS 'width: 100%' funktioniert zwar, aber wenn die Bilder kleiner sind als der Anzeigebereich, werden sie vergrößert und pixelig.
Du willst also keine Breite angeben, sondern nur eine maximale Breite.
Lässt sich das realisieren, dass Bilder, die zu klein sind, klein bleiben aber die, die zu groß sind angepasst werden?
http://www.google.com/search?q=maximale+breite+css
MfG ChrisB
Danke, max-width hat funktioniert
Hi,
Das Problem ist, dass gescrollt werden muss, wenn die Bilder zu groß sind.
Jeder moderne Browser skaliert Bilder, die grösser als der Viewport sind, auf den sichtbaren Bereich. Zum Vergrössern wird dann ggf. eine Loope angeboten. Warum willst Du etwas bauen, dass Browser eh können?
Abgesehen davon wäre max-width/height Dein Freund, aber Browser die das können beherrschen auch das Autoskalieren.
Gruesse, Joachim