使用JSON结合自动图像蒙太奇从PHP中提取

Question

我发现这个自动图像蒙太奇我试图在我的网站上使用，但是，图像已被硬编码到HTML中。我想动态地引入它们，以便我可以轻松地从数据库中更改图像。

图片蒙太奇：http://tympanus.net/Development/AutomaticImageMontage/index8.html

我设法使用jQuery来获取我的图像，但是使用JavaScript添加了图像高度和左边的CSS计算。既然我不再将图像直接硬编码到HTML中，似乎这些计算根本就没有发生。有谁知道如何解决这个问题，以便图像加载后动态计算图像。

我的网站：http://129.219.78.186/~masgis/puppychow/index8.html

Answer 1

为什么不使用PHP加载图片？

将其放在am-container中的静态图像所在的位置：

<?php
$dir="/home/user/images";
$dir_handle = @opendir($dir) or die("Unable to open $path");
while ($file = readdir($dir_handle)) 
{
    if($file!="." && $file!="..") {
        echo "<a href=\"#\"><img src=\"images/$file\"></img></a>\n";
    }
}
closedir($dir_handle);
?>

这对我有用。