福托拉马 4.滑动 1 张以上的图像
Fotorama 4. Slide more than 1 image
我正在使用Fotorama.jsfotorama.io
如何使用fotorama.js在视图中添加多个图像?我想用这个插件制作轮播。
<div class="fotorama">
<div data-img="images/main/slider/big.jpg">
<div class="slide-text">
<div class="slide-header">
Heading
</div>
<div class="slide-description">
Description
</div>
</div>
</div>
<div data-img="images/main/slider/big2.jpg">
<div class="slide-text">
<div class="slide-header">
Heading
</div>
<div class="slide-description">
Description
</div>
</div>
</div>
</div>
https://i.stack.imgur.com/U2zrh.png
尝试下载最新版本的fotorama并检查css和js的路径,就像它在 fotorama.io 上声明的那样:
<!-- 1. Link to jQuery (1.8 or later), -->
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <!-- 32 KB -->
<!-- fotorama.css & fotorama.js. -->
<link href="http://fotorama.s3.amazonaws.com/4.4.4/fotorama.css" rel="stylesheet"> <!-- 3 KB -->
<script src="http://fotorama.s3.amazonaws.com/4.4.4/fotorama.js"></script> <!-- 13 KB -->
因为你的例子对我来说非常有效:例子
相关文章:
- 如何在鼠标悬停时在另一个图像上滑动图像.
- 在Widget代码中使用javascript从左向右滑动光标图像
- 在Widget代码中没有jQuery的情况下,用光标图像从左滑动到右
- 使用JS滑动或滚动图像
- 是否可以在jquery中使用拖动滑块在4个图像之间滑动
- 仅限滑动图像css3或需要javascript
- 单击图像,隐藏其他图像并使用JQUERY对图像滑动进行动画处理
- JavaScript中的图像滑动问题
- 如何在同一页面中设置几个图像滑动器
- 幻灯片显示,像其他幻灯片一样将图像滑动进来
- JQuery图像滑动器使用循环插件:为什么不't我的图像'
- Jquery图像滑动后,页面加载
- 使用Javascript图像滑动器滑动图像
- Java Script图像滑动
- 不能在jquery中动画图像滑动条
- Javascript图像滑动
- jquery中的图像滑动
- jQuery:悬停时暂停图像滑动
- Jquery图像滑动器不滑动
- Jssor嵌套图像滑动条:如何使滑动条动态加载