Galleria 插件：初始图像答案

【问题标题】：Galleria Plugin: Initial imageGalleria 插件：初始图像
【发布时间】：2010-01-27 17:06:50
【问题描述】：

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

Galleria

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

有什么想法吗？

【问题讨论】：

标签： jquery galleria

【解决方案1】：

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

$.galleria.activate( _src );

_src 是图片网址。

【讨论】：

【解决方案2】：

你试过吗？如果你有这种模式，你可以通过在你的 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>

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

这对我来说效果很好。

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

【讨论】：

【解决方案5】：

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

【讨论】：

【解决方案6】：

如果你想在页面加载完成后动态改变初始图片，可以使用：

Galleria.configure("show", index);

【讨论】：