我如何滑动一个div在jquery画廊里面的元素

Question

我使用的是gallery jquery插件。

我有一个div类"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或carousel中的其他元素，严格来说是图像。
我需要搜索的是"jQuery content slider"，而不是"image slider"。

希望这能帮助到有同样问题的人。

Galleria仅用于图像，对于div和所有其他内容，您需要一个内容滑块。