Allgemeines » Hintergrundbild bei Zürich vergrössern

Hintergrundbild bei Zürich vergrössern

05.07.2017 16:25 (zuletzt bearbeitet: 06.07.2017 17:26)

Mystikal
#1

Hallo, habe folgendes Problem ich versuche das Hintergrundbild zu vergrössern beim Design Zürich.
durch etwas lesen hier im Forum bin ich auf das hier angetroffen und zwar :

1
2
3
4
5
6
7
8
9
10
11
 
<style>
    body.jqbga-container .jqbga-slider, 
    body.jqbga-container .jqbga-slider--image,
    body.jqbga-container .jqbga-web,
    body.jqbga-container .jqbga-web--image {
        height: 49.65vw; /*=Bildhöhe/Bildbreite*100 (schmalstes Bild)*/
        width:100vw;
        background-size:100vw auto;
        background-position: ; /*horiz/vert*/
   }
</style>
 

das hat das Bild schon etwas Vergrössert aber nicht so wie ich es gern hätte, habe auch schon etwas dran Rumgespielt aber leider änderte sich nichts .

nun zu meiner Frage kann da jemand weiterhelfen wie man es noch etwas grösser bekommt?

Antworten

Beitrag melden

06.07.2017 17:30 (zuletzt bearbeitet: 06.07.2017 17:31)

az_
#2

az_

...der Ansatz ist aber richtig. Du musst nur die Breite des Bildes als den bestimmenden Parameter nehmen und dann die Höhe auf "auto" setzen.

...so mache ich es jedenfalls:

1
2
 
width: calc(100vw * h/b); 
height: auto;
 

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html