Galleria Plugin: Исходное изображение - PullRequest
Новая
       10

Galleria Plugin: Исходное изображение

0 голосов
/ 27 января 2010

У меня установлена ​​галерея "Galleria".

* Galleria 1004 *

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

Есть идеи?

Ответы [ 6 ]

2 голосов
/ 27 января 2010

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

$.galleria.activate( _src );

, где _src - это URL изображения.

1 голос
/ 27 января 2010

Вы пробовали это? Если у вас есть этот шаблон, вы можете добавить его, добавив класс active в свой элемент 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>
0 голосов
/ 26 июля 2014

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

Galleria.configure("show", index);
0 голосов
/ 06 декабря 2013

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

0 голосов
/ 26 августа 2010

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

var imageurl = $(".gallery_demo_unstyled li:first img").attr("src");
$.galleria.activate(imageurl);
0 голосов
/ 27 января 2010

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

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

...