Question

当我滑动到下一个图像时，或当滑块/轮播自动切换到下一个图像时，之前的图像消失得太快，这使它看起来非常难看。我制作了一个视频来说明我的意思，可以在这里查看。

有人有想法吗？

轮播代码：

<div id="contactslidebox" class="carousel slide" data-ride="carousel">

<div class="item active">
  <img src="<?php echo site_url(); ?>/assets/images/_userfiles/contact/carousel/brussels.jpg" alt="press contact arts square brussels miami hong kong florida usa europe release support">
  <div class="carousel-caption">
    <h3>ARTS SQUARE</h3>
    <p>Brussels head office</p>
    <a href="#" class="buttonstyle">Contact</a>
  </div>
</div>

<div class="item">
  <img src="<?php echo site_url(); ?>/assets/images/_userfiles/contact/carousel/miami.jpg" alt="press contact arts square brussels miami hong kong florida usa europe release support">
  <div class="carousel-caption">
    <h3>ARTS SQUARE</h3>
    <p>Miami office</p>
    <a href="#" class="buttonstyle">Contact</a>
  </div>
</div>

<div class="item">
  <img src="<?php echo site_url(); ?>/assets/images/_userfiles/contact/carousel/press.jpg" alt="press contact arts square brussels miami hong kong florida usa europe release support">
  <div class="carousel-caption">
    <h3>ARTS SQUARE</h3>
    <p>Press contact</p>
    <a href="#" class="buttonstyle">Contact</a>
  </div>
</div>

<div class="item">
  <img src="<?php echo site_url(); ?>/assets/images/_userfiles/contact/carousel/customer-support.jpg" alt="press contact arts square brussels miami hong kong florida usa europe release support">
  <div class="carousel-caption">
    <h3>ARTS SQUARE</h3>
    <p>Customer support</p>
    <a href="#" class="buttonstyle">Contact</a>
  </div>
</div>

Bootstrap轮播图像早早消失

0 个答案: