0

我建立了一个“Galleria”画廊。

画廊

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

有任何想法吗？

4

6 回答 6

2

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

$.galleria.activate( _src );

_src图片网址在哪里。

于 2010-01-27T18:36:10.673 回答
1

你试过这个吗？如果你有这种模式，你可以通过在你的 li 元素中添加 class 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>
于 2010-01-27T17:19:57.680 回答
0

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

Galleria.configure("show", index);
于 2014-07-25T22:14:36.263 回答
0

这对我来说效果很好。

var imageurl = $(".gallery_demo_unstyled li:first img").attr("src");
$.galleria.activate(imageurl);
于 2010-08-25T20:23:14.307 回答
0

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

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

于 2010-01-27T17:27:36.493 回答
0

'show' 选项将执行此操作，您只需找出要在加载时显示的图像的基于 0 的索引：http: //galleria.io/docs/options/show/

于 2013-12-06T00:04:49.317 回答