fotorama Jquery Изображение по умолчанию из списка изображений?

В моем блоке 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 в качестве изображения по умолчанию, которое отображается в окне галереи?


jquery fotorama
person MBM    schedule 15.11.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вам необходимо установить атрибут конфигурации 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);
person dfsq    schedule 15.11.2014
comment
Потрясающий. Большое спасибо. - person MBM; 15.11.2014