2013-10-08 20 views
1

我使用Fotorama.js fotorama.ioFotorama 4.将超过1个图像更加

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

+0

向我们显示您现有的代码。 – Raptor

+0

就是这样。它是fotorama的标准API –

+0

这些示例与您的代码完全不同:http://fotorama.io/customize/ – Raptor

回答

0

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

+0

是的。但我的想法是在每张幻灯片上制作超过1块的旋转木马。 –

+0

如果您打开自动播放模式,Fotorama可以像旋转木马一样。你想在旋转木马里面做旋转木马吗,我有这个对吗? –

+0

在这里看到图片http://i.stack.imgur.com/U2zrh.png。我想要这个结果 –