Hallo Freunde!
Bin neu hier im Forum und sage erstmal "Cheers!"
Mir bereitet die Erstellung einer einfachen Bildergalerie schon lange Kopfschmerzen und ich hoffe das mir hier jemand helfen kann.
Das Problem ist das die Photos mal Hochformat und mal Querformat sind und immer wieder mal ein anderes Seitenverhältnis haben.
Meine erste Frage ist: Wie kann ich alle Photos in der Bildergalerie so anordnen das jedes das gleiche Seitenverhältnis hat bzw in einen quadratischen Rahmen packen?
Meine zweite Frag ist: Sollte ich die Bilder für die Vorschau in der Bildergalerie (einfache Galerie mit vier quadratischen Formaten auf jeder Zeile) mit Thumbnails bestücken das die ladezeit kürzer wird und erst die originalgröße der Photos beim klick auf das Vorschaubild in einer neuen Seite laden oder ist das egal?
Meine dritte Frage: Ist es überhaupt die richtige Herangehensweise die Photos über CSS Code in ein Raster zu packen und dann in einer neuen Seite zu verlinken in der das Photo dann mit der Originalgröße angezeigt wird?
Mein Html Code sieht gerade so aus:
<div class="row">
<div class="col col-lg"><img src="images/image_website_01.jpg" alt="Trip01" width="1000" height="769"></div>
<div class="col col-lg"><img src="images/image_website_02.jpg" alt="Trip02" width="1000" height="769"></div>
<div class="col col-lg"><img src="images/image_website_03.jpg" alt="Trip03" width="1000" height="769"></div>
....
Mein CSS Code sieht gerade so aus:
.col {
float: left;
padding: 5px 5px 5px 5px;
}
.col-lg {
width: 20%;
}
.col-lg img {
width: 100%;
height: auto;
display: block;
}
Besten Dank für eure Hilfe !!