Как отображать динамически загружаемые изображения с разными размерами?

Question

Как отобразить динамически загруженные изображения, если более 1 имеет разные стили или размеры?

Мой код:

if ($imgcount == 3) {
    <div class="style_imgsize">
        $dir_path = $photo['file_path']; 
        $size = getimagesize($dir_path);
    echo imagesize($size['0'],$size['1'],  $dir_path);
}

function imagesize($width, $height,  $src){
    switch ($width & $height & $src) { 
    case "300" > "$width":
        echo '<img src="'.$src.'"; width="100" height="100" />'; 
        break;
    case "300"<"$height":
        echo '<img src="'.$src.'" width="220" height="250" />';
        break;
    case "$height" > "$width":
        echo '<img src="'.$src.'"  height="100%" />'; 
        break;
    default:
        echo "something";
    }
}

Пример с 3 изображениями с различной шириной, высотой и стилями:

Изображение 2:

Я получаю размеры и ширину, но мне нужно разделить каждое изображение. Как разбить $imagecount?

Answer 1

Вы можете изменить его размер, как показано ниже:

if (!empty($width) && !empty($height) && !empty($src)) {
    if ($width < 300) {
        echo '<img src="'.$src.'"; width="100" height="100" />';
    } else if ($height < 300) {
        echo '<img src="'.$src.'" width="220" height="250" />';
    } else if ($height > $width) {
        echo '<img src="'.$src.'"  height="100%" />';
    }
}

Надеюсь, это поможет.