javascript - Fotorama 4. 幻灯片超过 1 张图片

Question

我正在使用 Fotorama.js fotorama.io

如何使用 fotorama.js 在视图中添加超过 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>

http://i.stack.imgur.com/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 -->

因为您的示例非常适合我：示例