javascript - Fotorama 4. 滑动超过 1 张图像

Question

我正在使用 Fotorama.js fotorama.io

如何使用 fotorama.js 在 View 中添加超过 1 张图像？我想用这个插件制作轮播。

    <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>

/image/U2zrh.png

Answer 1

尝试下载最新版本的 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 -->

因为你的例子非常适合我:example