Bild in div immer ausgefüllt

[achterbahnfreak]

Ich brauch eigentlich nur sowas wie Superized (http://buildinternet.com/project/supersized/) nur innerhalb eines Divs und für einen <img>-Tag statt eines Hitnergrundbildes.

Das wird doch iwie gehen?

 

[SpiceLab]

Ich brauch eigentlich nur sowas wie Superized (http://buildinternet.com/project/supersized/) nur innerhalb eines Divs und für einen <img>-Tag statt eines Hitnergrundbildes.

Das wird doch iwie gehen?

Wie es geht, habe ich dir eingangs gezeigt.

Wenn sich das Motiv beim Skalieren des Browserfensters verzerrt, dann liegt es an besagter Bilddimension, die in deinem Fall in der Breite relativ bzw. variabel und in der Höhe fix sein soll.

 

[achterbahnfreak]

Bei Supersized ist doch die Proportion auch egal. Wenn etwas nicht passt, wird es einfach zurecht geschnitten..

 

[SpiceLab]

Bei Supersized ist doch die Proportion auch egal. Wenn etwas nicht passt, wird es einfach zurecht geschnitten..

Dafür sorgen im JS diese Zeilen, um das Bild im Browserfenster horizontal und vertikal zu zentrieren:

// Horizontally Center
if (base.options.horizontal_center){
	$(this).css('left', (browserwidth - $(this).width())/2);
}

// Vertically Center
if (base.options.vertical_center){
	$(this).css('top', (browserheight - $(this).height())/2);
}

Wenn man diese Positionsangaben betrachtet, handelt es sich hierbei wohl nicht um Hintergrundbilder, wie von dir angenommen/verlautbart, sondern um <img>-Elemente. Es sei denn, dies gilt für die verwendeten <li>-Elemente in der Slideshow.

 

[achterbahnfreak]

Hab eine Lösung gefunden:

-> http://johnpolacek.github.io/imagefill.js/

Trotzdem danke für deine Hilfe.

 

[SpiceLab]

Hab eine Lösung gefunden:

-> http://johnpolacek.github.io/imagefill.js/

Trotzdem danke für deine Hilfe.

Keine Ursache

Und du weißt ja: "Viele Wege führen nach Rom" ;-)