【发布时间】:2012-04-19 16:32:49
【问题描述】:
我在这里从 Twitter 引导程序中发现了一个轮播。 http://twitter.github.com/bootstrap/javascript.html#carousel
看起来真不错。但是示例中的所有图像/内容都是硬编码的。如何向服务器请求新内容并将其显示在轮播中?
【问题讨论】:
标签: ajax twitter-bootstrap carousel
我在这里从 Twitter 引导程序中发现了一个轮播。 http://twitter.github.com/bootstrap/javascript.html#carousel
看起来真不错。但是示例中的所有图像/内容都是硬编码的。如何向服务器请求新内容并将其显示在轮播中?
【问题讨论】:
标签: ajax twitter-bootstrap carousel
答案必须针对每种语言进行调整,但假设您使用 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 } ?>
【讨论】:
$images 数组,只是为了显示它的内容。实际上,该数组将从您的数据库中生成,使其成为动态的。