【问题标题】:Carousel with dynamic content具有动态内容的轮播
【发布时间】:2012-04-19 16:32:49
【问题描述】:

我在这里从 Twitter 引导程序中发现了一个轮播。 http://twitter.github.com/bootstrap/javascript.html#carousel

看起来真不错。但是示例中的所有图像/内容都是硬编码的。如何向服务器请求新内容并将其显示在轮播中?

【问题讨论】:

    标签: ajax twitter-bootstrap carousel


    【解决方案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 } ?>
    

    【讨论】:

    • @Hendrik 我硬编码了$images 数组,只是为了显示它的内容。实际上,该数组将从您的数据库中生成,使其成为动态的。
    • 在幻灯片 stackoverflow.com/questions/14961719/… 上查看这个 ajax 示例
    猜你喜欢
    • 2021-06-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-04-24
    • 1970-01-01
    • 2017-03-13
    相关资源
    最近更新 更多