結合自動圖像蒙太奇使用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); 
?> 

這爲我工作。