image — Использование srcset со случайным img из dir (php)

Question

image — Использование srcset со случайным img из dir (php)

Я ищу способ использовать атрибут адаптивного изображения ‘srcset’ вместе с php. В настоящее время я использую следующий код, чтобы выбрать случайное изображение из каталога на сервере:

<?php
$dir = "img/";
$images = scandir($dir);
$i = rand(2, sizeof($images)-1);
?>

<img src="img/<?php echo $images[$i]; ?>" alt="image">

Я создал разные версии изображений в каталоге с суффиксом (то есть, image-1-small.jpg, image-1-big.jpg … image-2-small.jpg, image-2-big.jpg и т. д.).

Как мне внедрить атрибут srcset в строку php? Я ищу вывод, похожий на этот:

<img sizes="100vw" srcset="img/image-1-small.jpg 400w, img/image-2-medium.jpg 800w, img/image-1-big.jpg 1600w" src="img/image-1-small.jpg" alt="image-1">

Спасибо!

3

image php responsive-images

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Вы можете попробовать что-то вроде этого:

<?php
$dir = "img/";
$images = scandir($dir);
$i = rand(2, sizeof($images)-1);
// Get image file name.
$image_name_full = $images[$i];
// Define display types.
$image_display_types = array("-small.jpg", "-medium.jpg", "-big.jpg");
// Remove image display type from image name.
$image_name = str_replace($image_display_types, "", $image_name_full);
?>

<img sizes="100vw" srcset="img/<?php echo $image_name; ?>-small.jpg 400w, img/<?php echo $image_name; ?>-medium.jpg 800w, img/<?php echo $image_name; ?>-big.jpg 1600w" src="img/<?php echo $image_name; ?>-small.jpg" alt="<?php echo $image_name; ?>">

1