Галерея Плагин: Начальное изображение

Question

У меня есть галерея «Галерея».

Galleria

Как установить исходное изображение, тот, который отображается при загрузке страницы. Я пробовал установить li.active и работал $.gallleria.next(), но безрезультатно.

Любые идеи?

Answer 1

Вы пробовали это? Если у вас есть этот шаблон, вы можете иметь его, добавив класс активного в вашем Li элемент .. как третий элемент Li ниже ..

<ul class="gallery_demo_unstyled"> 
    <li><img src="img/flowing-rock.jpg" alt="Flowing Rock" title="Flowing Rock Caption"></li> 
    <li><img src="img/stones.jpg" alt="Stones" title="Stones - from Apple images"></li> 
    <li class="active"><img src="img/grass-blades.jpg" alt="Grass Blades" title="Apple nature desktop images"></li> 
    <li><img src="img/ladybug.jpg" alt="Ladybug" title="Ut rutrum, lectus eu pulvinar elementum, lacus urna vestibulum ipsum"></li> 
    <li><img src="img/lightning.jpg" alt="Lightning" title="Black &amp; White"></li> 
    <li><img src="img/lotus.jpg" alt="Lotus" title="Fusce quam mi, sagittis nec, adipiscing at, sodales quis"></li> 
    <li><img src="img/mojave.jpg" alt="Mojave" title="Suspendisse volutpat posuere dui. Suspendisse sit amet lorem et risus faucibus pellentesque."></li> 
    <li><img src="img/pier.jpg" alt="Pier" title="Proin erat nisi"></li> 
    <li><img src="img/sea-mist.jpg" alt="Sea Mist" title="Caption text from title"></li> 
</ul> 

Answer 2

ответ Reigel является правильным - вам нужно добавить «активный» класс к ли. Это сработало для меня, но (FYI). Я всегда устанавливал класс в самой разметке - не динамически с помощью JS.

Также помните, что Galleria может быть настроена так, чтобы помнить последнее изображение пользователя с помощью файла cookie. Если вы ищете другое изображение из ожидаемого, это может быть причиной.

Answer 3

Думаю, что <li class="active"> должен работать, и это первое, что я пробовал, однако по какой-то причине это не так. Но я нашел публичный метод в коде Galleria, который может выполнить задачу. Я называю это onload.

$.galleria.activate(_src); 

где _src - изображение URL.

Answer 4

Это работало очень хорошо для меня.

var imageurl = $(".gallery_demo_unstyled li:first img").attr("src"); 
$.galleria.activate(imageurl); 

Answer 5

Опция «шоу» будет делать это, вам просто нужно выяснить 0 на основе индекса изображения, которое будет отображаться при загрузке: http://galleria.io/docs/options/show/

Answer 6

Если вы хотите динамически изменить первоначальный изображение после загрузки страницы, вы можете использовать:

Galleria.configure("show", index);