Question

我正在使用Fotorama.js fotorama.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>

http://i.stack.imgur.com/U2zrh.png

Answer 1

尝试下载最新版本的fotorama，并检查fotorama.io上声明的css和js的路径：

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

Fotorama 4.滑动1张以上的图像

1 个答案: