Question

我设立了“Galleria”画廊。

如何设置初始图像，即加载页面时显示的图像。我尝试设置li.active并运行$.gallleria.next()，但无效。

有什么想法吗？

Answer 1

我认为<li class="active">应该起作用，这是我尝试的第一件事，但是，由于某种原因，它没有。但我在Galleria代码中找到了一个可以完成任务的公共方法。我称之为onload。

$.galleria.activate( _src );

其中_src是图片网址。

Answer 2

你试过这个吗？如果你有这个模式，你可以通过在你的li元素中添加active类来获得它...就像下面的第三个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 3

Reigel的回答是正确的 - 您需要将“活跃”类添加到li中。它对我有用，但是（仅供参考）我总是在标记中设置类 - 不是动态使用JS。

另外，请记住Galleria可以配置为记住用户最后一张带有cookie的图像。如果你正在寻找与你期望的不同的图像，这可能是原因。

Answer 4

这对我很有用。

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

Answer 5

'show'选项会执行此操作，您只需要确定要在加载时显示的图像的从0开始的索引：http://galleria.io/docs/options/show/

Answer 6

如果要在加载页面后动态更改初始图像，可以使用：

Galleria.configure("show", index);

Galleria插件：初始图片

6 个答案: