相关疑难解决方法(0)

这是我试图用Bootstrap 3旋转木马实现的效果

它不是一次只显示一帧,而是一起显示N帧.然后当您滑动(或自动滑动时),它会像幻灯片那样移动幻灯片组.

这可以用bootstrap 3的旋转木马完成吗？我希望我不必去寻找另一个jQuery插件......

我想保持相同的图像比例.问题是当浏览器很宽时它会拉伸.当它减少时会发出吱吱声.

我在这里检查了所有的问题,但大多数都没有帮助我.

这是标记:

<!-- Carousel
================================================== -->
<div id="myCarousel" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner">
    <div class="item active">
      <img src="images/female/IMG_5053-2.jpg" 
           data-src="images/female/IMG_5053-2.jpg" alt="First slide">

这是CSS

.carousel .item>img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 100%;
}

我试图制作一个jsfiddle,但我不能在这里链接到http://maanastore.com/home.php

看看这个:http: //www.consultacultura.it/portale_comunale_della_cultura.asp？IDcomune = 1

轮播图像不像它下面的图像那样响应.它们具有相同的类img-fluid.