结合自动图像蒙太奇使用JSON从PHP拉

Question

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

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

我设法让我的图片来使用jQuery，但是，对于图像高度的CSS计算和左侧被使用JavaScript添加。现在我不再直接将图像编码为HTML，看起来好像这些计算完全没有发生。有谁知道如何解决这个问题，以便图像加载后动态地计算图像。

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

Answer 1

为什么不使用PHP来加载图像？

在静态图像在上午容器内的例子，其中刚落，这一点：

<?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); 
?> 

这为我工作。