如何在jQuery Galleria中滑動帶有其內部元素的div？

Question

我正在使用Galleria jquery插件。

我有一個類別為“ carousel”的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
        });

但這要么做兩件事。 要么圖像不顯示，要么為“黑/空白”，要么圖像確實顯示，但是其中的div不顯示（將文本疊加在div .img上）。

任何想法我做錯了什么？ 我怎樣才能輕松實現這一目標。 我基本上需要一個滑塊，我可以完全自定義其中的div，如果可能的話，我想留在Galleria。

Answer 1

發現了問題，Galleria僅支持圖像，而不支持輪播中的div或其他元素（嚴格來說是圖像）。
我需要搜索“ jQuery內容滑塊”而不是“圖像滑塊”。

希望這對遇到同樣問題的人有所幫助。

Galleria僅用於圖像，div和所有其他內容，您需要一個內容滑塊。