Image zoom in

[Andre267]

Schönen guten Tag,

ich wollte mal fragen ob jemand von euch weiß wie man Bilder via Script verändert als rein zoomt wie bei Facebook um z.B. das Bild für den Titel-bereich an zu passen?

Ich will mir da was basteln für mein Carousel damit ich den Bereich immer auf der vollen Größe das Bild gefüllt habe.

Aktuell sieht das noch so aus:
http://bootstrap.anide.de/

 

[SpiceLab]

Meinst du sowas?

http://startbootstrap.com/template-overviews/full-slider/

 

[Andre267]

Ja, kommt dem schon sehr nah, aber eher so etwas hier:
http://ironsummitmedia.github.io/startbootstrap-modern-business/

die Bilder sollen halt immer zu 100% auf die breite gestreckt werden (egal wie groß die Ausgangsbilder sind) oben und unten kann ruhig was abgeschnitten werden.

 

[SpiceLab]

Das Template stammt von derselben Quelle - einziger Unterschied ist die Viewporthöhe des Sliders

Und was hindert Dich daran, es einfach herunterzuladen?

http://startbootstrap.com/template-overviews/modern-business/ -> Download

 

[SpiceLab]

Nachtrag:

Die genannten Slider-Templates verwenden Hintergrundbilder anstelle der <img>-Elemente - das relevante CSS lautet hierzu: background-size:cover

Wenn Du es bei <img> belassen willst, wäre width:100% die gesuchte CSS-Eigenschaft für Dein Vorhaben.