带动态内容的旋转木马

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