Hallo zusammen, ich hab mir jetzt selber mit sehr einfachen Mitteln eine Art "Light-Box" für meine Seite gebaut. Auf jedem <img> Element, dass ein Parent-Element <div class="article-image"> enthält ist ein Listener eingebaut, mit dem ich dann beim Klicken auf das Element eine Maske über mein derzeitiges Ansicht lege und dort das Bild anzeige. Das sieht dann ungefähr so aus: https://jsfiddle.net/rgqjovx5/5/
Jetzt die Frage. Das Bild, dass ich in den "<div class="info-2">" lege, überspannt den Div-Container. Ich möchte aber, dass das Bild nur die maximal Größe des Div Containers ausnutzen kann und falls das Bild zu klein ist, nicht gezogen wird. Ich denke mit dem Code-Beispiel wird alles klar.