Ergebnis 1 bis 1 von 1

Thema: Bilder unterschiedlicher Maße in einer Reihe von bestimmter Länge bringen

  1. #1
    Benutzer
    Registriert seit
    31.10.2012
    Beiträge
    36

    Bilder unterschiedlicher Maße in einer Reihe von bestimmter Länge bringen

    Hallo,
    ich möchte bis zu vier Bild unterschiedlicher Maße mit gleicher Höhe in einer Linie von bestimmter Länge bringen. Also ich möchte die Höhe so anpassen, dass die vier Bilder von der Länge her passen.
    Hat jemand einen Tipp, wie man das am besten machen könnte. Oder gibt es ein Plugin, das das leistet?

    PHP-Code:
    $size = getimagesize("./control/".$img);

    $width[] = $size[0];
    $height[] = $size[1];
    $value[] = $size[0] / $size[1];

    $desc = $count_images%4;

    $remains = $allimages - $count_all_images;
             
    if($desc == 0 OR $remains == 1)  {


    $newwidth4images = 0;

    if($remaining > 0 AND $count_images < 4) {
    $stop = $remaining;

    $minus = "";
    $offset = $count_all_images + $stop + 1;
    } else {
    $stop = 4;
    $offset = 4;
    $minus = "-";
    }
                
    for($i=0; $i<$stop; $i++) {
    $newwidth4images = $newwidth4images + (max($height) * $value[$i]);
    }



    <input type="hidden" name="newwidth4images" value="<?php echo $newwidth4images?>" />

    <input type="hidden" name="height" value="<?php echo max($height); ?>" />
    // javascript
    <script type=\"text/javascript\">

    $(document).ready(function() {

    var width = $(window).width() * 0.7;
    var newwidthforimages = $(':input[name=newwidth4images]').val();
    var height = $(':input[name=height]').val();
     
    if(width > 1100)
    var width = 1070;
          
    var quotient = width / newwidth4images;

    new_height = Math.floor(height * quotient);
                      
                     
    $('.gallery gallery-grid img').height(new_height);

    });


    $(window).on('resize', function() {
    var width = $(window).width() * 0.7;
     
    if(width > 1100)
    var width = 1070;
           
    var quotient = width /  $newwidth4images;

    new_height = Math.floor(height * quotient);
                     
    $('.gallery .gallery-grid img').height(new_height);

    });

    </script>
    Dieses Script funktioniert sehr gut in Chrome und IE. Beim firefox allerdings stehen die Bilder durcheinander: http://lignia.comdesi.de
    Geändert von sanktusm (21.04.2017 um 15:01 Uhr)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •