Html Can´;带轨道滑块的t幻灯片图像
我试图用一个带有HTML的轨道滑块来显示4个不同的图像,但每次我到达第二个,它就停止滑动,不能向前滑动,也不能向后滑动 代码:Html Can´;带轨道滑块的t幻灯片图像,html,slider,orbit,Html,Slider,Orbit,我试图用一个带有HTML的轨道滑块来显示4个不同的图像,但每次我到达第二个,它就停止滑动,不能向前滑动,也不能向后滑动 代码: <div class="orbit" role="region" aria-label="Favorite Space Pictures" data-orbit> <ul class="orbit-container"> <button class="orbit-previous" aria-label="
<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>◀</button>
<button class="orbit-next" aria-label="next"><span class="show-for-sr">Next Slide</span>▶</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>
上一张幻灯片◀;
下一张幻灯片▶;
-
-
-
-
您需要添加运动UI CSS,或者在头部加载.CSS文件,或者将其捆绑到SCSS中
使用npm或Bower安装运动UI:
npm install motion-ui --save
bower install motion-ui --save
Sass用法:
要将Sass文件导入到项目中,请将加载路径[modules\u folder]/motion ui/src
添加到Sass配置中,然后@import
库:
@import 'motion-ui';
CSS用法:
- 未压缩:
[modules\u folder]/motion ui/dist/motion ui.css
- 压缩:
[modules\u folder]/motion ui/dist/motion ui.min.css