動的コンテンツの回転台

Question

ここではTwitterのブートストラップからカルーセルを見つけました。 http://twitter.github.com/bootstrap/javascript.html#carousel

本当にうまく見えます。しかし、この例のすべての画像/コンテンツはハードコードされています。サーバーに新しいコンテンツをリクエストし、そのコンテンツをカルーセルに表示するにはどうすればよいですか？

Answer 1

答えは、言語ごとに調整する必要がありますが、あなたはPHPでプログラミングしていると仮定すると、それはこのようなものに見えることがありますが、画像の配列を持っている場合は

を：

$images = ['path/to/image.jpg', 'path/to/image2.jpg', 'path/to/image3.jpg'] 

これらの画像をループして、適切なHTMLマークアップに配置します。

<?php foreach ($images as $image) { ?> 
    <div class="item"> 
    <img src="<?php echo $image ?>" /> 
    </div> 
<?php } ?>