環球免稅店插件：初始圖片

Question

我有一個「環球免稅店」畫廊。

Galleria

如何設置初始圖像，當加載頁面時顯示的一個。 我嘗試設置一個li.active，並運行$.gallleria.next()但無濟於事。

任何想法？

Answer 1

你試過嗎？如果你有這種模式，您可以通過添加類活躍在你的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> 

Answer 2

Reigel的答案是正確的 - 你需要添加的「活躍」類給李。它適用於我，但（FYI）我總是在標記本身中設置類 - 不是動態使用JS。

另外，請記住，可以將Galleria配置爲使用cookie記住用戶的最後一張圖片。如果你正在尋求與你期望的不同的形象，這可能是原因。

Answer 3

我認爲<li class="active">應該可以工作，這是我嘗試的第一件事，但是，由於某種原因，它沒有。但是我在Galleria代碼中找到了一個可以完成任務的公共方法。我稱之爲onload。

$.galleria.activate(_src); 

其中_src是圖片網址。

Answer 4

這對我來說非常好。

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

Answer 5

「顯示」選項將做到這一點，你只需要弄清楚你希望出現在負荷圖像的從零開始的索引：http://galleria.io/docs/options/show/

Answer 6

如果你想要動態更改初始圖片在頁面加載完成後，可以使用：

Galleria.configure("show", index);