移动图像滑块

Question

iphone image大家好我想在同一页面上添加2个图像滑块。我需要使它与https://www.flipp.com/ iphone图像类似，但它应该是自动的，图像应该自动更改< / p>

<div class="feat-image">
  <img src="device-iphone-6.png" alt="Screenshot of Flipping" />
  <img src="btn-appstore.png" alt="Screenshot of Flipping" />
  <div class="feat-screens">
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <!-- Carousel items -->
      <div class="carousel-inner" role="listbox">
        <div class="active item">
          <img src="IMG_5476.png" alt="Screenshot of Flipping" />
        </div>
        <div class="item">
          <img src="screen-flipp.png" alt="Screenshot of Shopping List" />
        </div>
        <div class="item">
          <img src="IMG_5488.png" alt="Screenshot of Clip" />
        </div>
        <div class="item">
          <img src="IMG_5475.png" alt="Screenshot of Search" />
        </div>
        <div class="item">
          <img src="IMG_5485.png" alt="Screenshot of Item Details" />
        </div>
        <div class="item">
          <img src="flyer.png" alt="Screenshot Notifications" />
        </div>
        <div class="item">
          <img src="IMG_5484.png" alt="Screenshot of Sync" />
        </div>
        <div class="item">
          <img src="/images/flipp/coupons/features/screen-coupons.png" alt="Screenshot of Discount Slider" />
        </div>
      </div>
      <!-- Carousel nav -->
    </div>
  </div>
</div>



<div class="feat-image">
  <img src="nexus5.png" alt="Screenshot of Flipping" />
  <img src="btn-appstore.png" alt="Screenshot of Flipping" />
  <div class="feat-screens">
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <!-- Carousel items -->
      <div class="carousel-inner" role="listbox">
        <div class="active item">
          <img src="IMG_5476.png" alt="Screenshot of Flipping" />
        </div>
        <div class="item">
          <img src="screen-flipp.png" alt="Screenshot of Shopping List" />
        </div>
        <div class="item">
          <img src="IMG_5488.png" alt="Screenshot of Clip" />
        </div>
        <div class="item">
          <img src="IMG_5475.png" alt="Screenshot of Search" />
        </div>
        <div class="item">
          <img src="IMG_5485.png" alt="Screenshot of Item Details" />
        </div>
        <div class="item">
          <img src="flyer.png" alt="Screenshot Notifications" />
        </div>
        <div class="item">
          <img src="IMG_5484.png" alt="Screenshot of Sync" />
        </div>
        <div class="item">
          <img src="/images/flipp/coupons/features/screen-coupons.png" alt="Screenshot of Discount Slider" />
        </div>
      </div>
      <!-- Carousel nav -->
    </div>
  </div>
</div>

DIV