ajax - 具有动态内容的轮播

Question

我在这里看到了来自 Twitter bootstrap 的轮播。 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 } ?>