hallo,
Habe auf dieser Seite http://clueso.de/ gesehen, dass sich das Hintergrundbild scheinbar an die Bildschirmgröße "anpasst" bzw. das Bild wird ja entsprechend zugeschnitten. Wie funktioniert sowas?
es wird nur indirekt zugeschnitten. Ein Javascript (http://www.clueso.de//js/image_size.js --> function BGsize()) misst die Viewportbreite[*] und -länge und wechselt anhand ausgewählter Minimal- bzw. Maximalgrenzen zwischen drei Bildern.
var bgimage_small = 'http://www.clueso.de/cms/getimage.php?1496.jpg';
var bgimage_medium = 'http://www.clueso.de/cms/getimage.php?1497.jpg';
var bgimage_large = 'http://www.clueso.de/cms/getimage.php?1498.jpg';
den Rest des Zuschneidens macht der Container mit overflow:hidden;
[*] - ich schätze jedenfalls, dass die Viewportmaße genommen werden
grüße,
henman
--
"Sir! We are surrounded!" - "Excellent! We can attack in any direction!"
"Sir! We are surrounded!" - "Excellent! We can attack in any direction!"