ajax - 具有动态内容的轮播

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 } ?>