不能用Orbit滑塊滑動圖像

我想用一個軌道滑塊用HTML來顯示4個不同的圖像，但每次我到達第二個時，它都會停止滑動，無法向前，也不能向後。不能用Orbit滑塊滑動圖像

代碼：

<div class="orbit" role="region" aria-label="Favorite Space Pictures" data-orbit> 

     <ul class="orbit-container"> 

     <button class="orbit-previous" aria-label="previous"><span class="show-for-sr">Previous Slide</span>&#9664;</button> 
     <button class="orbit-next" aria-label="next"><span class="show-for-sr">Next Slide</span>&#9654;</button> 
     <li class="orbit-slide is-active"> 
      <img src="C:\Users\JuanFelipe\Desktop\DB\Samsung 2.jpeg"> 
     </li> 
     <li class="orbit-slide"> 
      <img src="C:\Users\JuanFelipe\Desktop\DB\Iphone 2.jpeg"> 
     </li> 
     <li class="orbit-slide"> 
      <img src="C:\Users\JuanFelipe\Desktop\DB\Motorola 1.jpeg"> 
     </li> 
     <li class="orbit-slide"> 
      <img src="C:\Users\JuanFelipe\Desktop\DB\Iphone 3.jpeg"> 
     </li> 
     </ul> 
    </div>

來源

2017-03-04 Juan Roa

您需要添加運動UI CSS，無論是在頭部加載.css文件或SCSS捆綁它。

與NPM或鮑爾安裝動態UI：

npm install motion-ui --save 
bower install motion-ui --save

薩斯用法：

要導入的Sass文件到項目中，負載路徑[modules_folder]/motion-ui/src添加到您的薩斯配置，然後@import的庫：

@import 'motion-ui';

CSS用法：

未壓縮：[modules_folder]/motion-ui/dist/motion-ui.css
壓縮：[modules_folder]/motion-ui/dist/motion-ui.min.css

Issue on GitHub

Motion UI install documentation

來源

2017-04-11 14:13:24

不能用Orbit滑塊滑動圖像

回答

相關問題