在 img src 标签中添加具有当前数据参数的 PHP 脚本


Add PHP script in img src tag with current data-parameters

我有一个 php 脚本,它显示文件夹目录中的所有照片,我需要包含一个应用给定数据参数的 html 标签。PHP代码是:

?php
$directory = "images/*/";

$images = glob("" . $directory . "*.png" );
$imgs = '';
foreach($images as $image){ $imgs[] = "$image"; }
shuffle($imgs);

$imgs = array_slice($imgs, 0, 20);

foreach ($imgs as $img) {
   echo "<img src='$img' /> ";
  }
?>

我需要把它放在 html 标签中作为 img src:

<img src="" title="Ring" data-parameters='{"zChangeable": true, "x": 215, "y": 200, "colors": "#000000", "removable": true, "draggable": true, "rotatable": true, "resizable": true, "price": 10, "boundingBox": "Base", "autoCenter": true}' />

我尝试代替 echo" 创建具有价值的新 var $img和使用,但这只给了我一个图像

我找到了解决方案:)

foreach ($imgs as $img) {
    $name = basename($img, ".png"); 
    echo "<img title='$name' src='$img' data-parameters='{'"zChangeable'": true, '"x'": 215, '"y'": 200, '"colors'": '"#000000'", '"removable'": true, '"draggable'": true, '"rotatable'": true, '"resizable'": true, '"price'": 10, '"boundingBox'": '"Base'", '"autoCenter'": true}'/>"  ;
}

试试这个,会很高兴,如果有帮助的话

foreach (glob("images/*.png") as $image)
{
    $imgs[] = $image;
}
shuffle($imgs);

$imgs = array_slice($imgs, 0, 20);

foreach ($imgs as $img) {
   echo '<img src="'.$img.'">';
  }
?>