1

在我的 html 块中，我有三个图像。

<div class="image-container">
<div class="fotorama" data-width="1000" data-ratio="1000/667" data-max-width="100%" data-nav="thumbs" data-thumbmargin="10" data-allowfullscreen="true">
<a href="images/Superman_Black_Hole_Feat_JLA_077_010.jpg"></a>
<a href="images/Superman_Black_Hole_Feat_JLA_077_019.jpg"></a>
<a href="images/Superman_Black_Hole_Feat_JLA_077_021.jpg"></a>
</div>
</div>

是否可以设置在图库中显示的图像？默认情况下显示图像列表中的第一张图像，是否可以将上述列表中的第二张图像（即 Superman_Black_Hole_Feat_JLA_077_019.jpg）设置为画廊窗口中显示的默认图像？

4

1 回答 1

1

您需要startindex在图像容器上设置配置属性：

<div id="fotorama" class="fotorama" data-startindex="1" data-auto="false">
    <img src="http://lorempixel.com/100/100/food/1">
    <img src="http://lorempixel.com/100/100/people/2">
</div>

在上述情况下，将显示第二张图像（索引1，从零开始）。

演示：http ://plnkr.co/edit/03zHgmDOby2j9uumLwjg?p=preview

或者您可以show在画廊初始化后使用方法显示必要的图像。例如显示第二张图片：

var $fotoramaDiv = $('#fotorama').fotorama();
$fotoramaDiv.data('fotorama').show(1);
于 2014-11-15T17:45:23.940 回答