私はgalleria jqueryプラグインを使用しています。jquery galleriaの中の要素を含むdivをどのようにスライドさせるのですか?
私はクラス「カルーセル」を持つdivを持っていますが、このdivにはその下にdivを持つ可能性のあるdivが多数あります。以下を参照してください。基本的には
<div class="carousel">
<div class="img" style="background-image: url('some/bg/image.png');">
<div class="info_item">
<div class="ex">exclusive screening</div>
<div class="movie_t"><a href="/events/view/2/title">Title</a></div>
<div class="movie_w">Date: Location></div>
<div class="av">AVAILABILITY: tickets</div>
</div><!-- .info_item -->
</div><!-- End of div .img -->
</div> <!-- End of .carousel -->
を、今私はこのコードを実行すると:
$(".carousel").galleria({
width: 768,
height: 209,
thumbnails: false,
autoplay: 4000,
imageCrop: false,
showCounter: false
});
をしかし、このいずれか2つのことを行います。画像が表示されず、「黒/空白」または画像が表示されますが、その中のdivは表示されません(div .imgにオーバーレイされるテキスト)。
何が間違っているのですか?どうすればこれを簡単に達成できますか?私は基本的にスライダーを必要とします。スライダーを完全にカスタマイズすることができます。可能であれば、galleriaに滞在したいと思います。