【问题标题】:Multiple images in slide show幻灯片中的多个图像
【发布时间】:2016-03-27 23:28:34
【问题描述】:

我想要一种不同的幻灯片放映。我尝试了引导轮播和许多其他幻灯片,但它们只包含一张图片,而我的问题是我想要多张照片。

是否有任何幻灯片或任何想法导致这样的幻灯片放映?谢谢。

【问题讨论】:

    标签: html css slideshow


    【解决方案1】:

    这个怎么样? (它使用水平的overflow,允许左右移动)

    .slide-container {
      overflow: auto;
      white-space: nowrap;
    }
    <div class="slide-container">
    <img src="http://placehold.it/200" />
    <img src="http://placehold.it/200" />
    <img src="http://placehold.it/200" />
    <img src="http://placehold.it/200" />
    </div>

    【讨论】:

    • 谢谢我从来没有想过答案这么简单!还是谢谢你。
    【解决方案2】:

    用这个css没什么特别的:

    .swipe{
        overflow:auto;
        white-space:nowrap;
    }
    

    在你的 html 中:

    <div class=swipe>
    <img src="">
    <img src="">
    <img src="">
    .
    .
    .
    </div>
    

    在电脑上它有一个滚动条,但在手机上你可以滑动它

    【讨论】:

    • 让我用我的手机试试
    • 谢谢我从来没有想过答案这么简单!还是谢谢你。
    猜你喜欢
    • 2018-05-28
    • 2017-12-31
    • 2011-08-23
    • 1970-01-01
    • 1970-01-01
    • 2014-11-22
    • 1970-01-01
    • 1970-01-01
    • 2023-03-23
    相关资源
    最近更新 更多