Re Größe unterschiedliche Bilder ohne Verzerrung

Alle Bilder haben eines gemeinsam; Sie sind alle 300 oder 600 Pixel in der Breite. Aber die Höhen variieren von etwa 300-900 Pixel. Jetzt brauche ich eine kleine Gruppe von Bildern, die verwendet werden, um zu suggerieren, andere Bilder für die Benutzer. Diese werden nur um 100x200 Pixel(könnte sich ändern). Meine bisherigen Versuch gemacht hat, die Bilder schrumpfen in der 100x200 Seitenverhältnis. Ich brauche es zu überschneidungen, aber das überflüssige wird ausgeblendet.

Wenn Sie möchten, dass die überschüssige ausgeblendet werden, gelten die CSS-Regel: overflow: hidden;

InformationsquelleAutor Harry | 2012-05-22

  1. 8

    Probieren Sie etwas wie dieses http://dabblet.com/gist/2769112

    Der CSS, die Sie brauchen, ist einfach

    .img-container {
    width: 200px; /* whatever set width */
    height: 100px;
    display: inline-block; /* or you could float them */
    overflow: hidden;
}
.img-container img {
    width: 100%;
}

    InformationsquelleAutor Ana

  2. 1

    Legen Sie die Bilder in einer schönen Verpackung-element wie z.B. ein DIV mit fester Höhe und Breite, und verwenden Sie overflow:hidden.

    Ich kann nicht definieren Sie die Höhe, da jedes Bild anders ist? Oder meinst du, wenn ich echo Sie aus bekomme ich die Höhe dann einstellen?
    Sie definieren die Größe des WRAPPER, nicht die Bilder. Ich schlage vor, Sie setzen eine gemeinsame Höhe für die Bilder, die in den IMG-tag, und es Ihnen ermöglichen, bis zum überlauf des Behälters, wenn Sie sind breiter als die container.

    InformationsquelleAutor Diodeus - James MacFarlane

Schreibe einen Kommentar