「ガレリア」ギャラリーを設置しました。
ページを読み込んだときに表示される初期画像をどのように設定しますか。を設定しli.activeて実行しようとし$.gallleria.next()ましたが、役に立ちませんでした。
何か案は?
これを試しましたか?このパターンがある場合は、li 要素に class active を追加することで使用できます..以下の 3 番目の 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 & 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>
これは私にとって非常にうまくいきました。
var imageurl = $(".gallery_demo_unstyled li:first img").attr("src");
$.galleria.activate(imageurl);
Reigel の答えは正しいです。'active' クラスを li に追加する必要があります。それは私にとってはうまくいきましたが、(FYI)私は常にマークアップ自体にクラスを設定してきました.JSを動的に使用するのではありません.
また、ユーザーの最後の画像を Cookie で記憶するように Galleria を構成できることも覚えておいてください。期待したものとは異なる画像を求めている場合は、これが原因である可能性があります。
ページがロードされた後に初期画像を動的に変更する場合は、次を使用できます。
Galleria.configure("show", index);