如何在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和所有其他内容，您需要一个内容滑块。