Jquery Galleria插件：初始图像

我有一个“画廊”画廊

如何设置初始图像，即加载页面时显示的图像。 我尝试设置一个

li.active

，并运行

$.galleria.next（）

，但没有效果

---

有什么想法吗？

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

您试过这个吗？如果您有此模式，可以通过在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> 

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

---

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

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

---

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

我认为

应该可以工作，而这是我尝试的第一件事，但由于某些原因，它没有工作。但是我在Galleria代码中找到了一个可以完成任务的公共方法。我称之为

onload

$.galleria.activate( _src );

---

其中，

\u src

是图像url。

我认为

应该可以工作，这是我尝试的第一件事，但是由于某种原因它不能工作。但是我在Galleria代码中找到了一个可以完成任务的公共方法。我称之为

onload

$.galleria.activate( _src );

---

其中，

\u src

是图像url。

这对我来说非常有效

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

---

这对我很有效

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

---

“show”选项可以做到这一点，您只需计算出要在加载时显示的图像的基于0的索引：

而“show”选项可以做到这一点，您只需计算出要在加载时显示的图像的基于0的索引：

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

Galleria.configure("show", index);

---

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

Galleria.configure("show", index);