ajax - 動的コンテンツを備えたカルーセル

Question

ここでTwitterブートストラップからカルーセルに出くわしました。http://twitter.github.com/bootstrap/javascript.html#carousel

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

score 0 · Accepted Answer

答えは言語ごとに調整する必要がありますが、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 } ?>

1 に答える 1