将 srcset 与来自 dir (php) 的随机 img 一起使用
Using srcset with random img from 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">
谢谢!
您可以尝试这样的操作:
<?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; ?>">