如何在jquery galleria中滑动包含内部元素的div？

I am using galleria jquery plugin.

我正在使用galleria jquery插件。

I have a div with class "carousel", This div will have many divs under it, which may also have divs beneath them. See Below:

我有一个带有“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 -->

Basically, right now when I run this code:

基本上,就在我运行此代码时:

$(".carousel").galleria({
                width: 768,
                height: 209,
                thumbnails: false,
                autoplay: 4000,
                imageCrop: false,
                showCounter: false
        });

But this either does 2 things. Either the image will not show, and it will be "black/blank", or the image does show, but the divs inside it do not (The Text to be overlayed on the div .img).

但这要么做两件事。图像不会显示,它将是“黑/空白”,或图像显示,但它内部的div不会(文本要重叠在div .img上)。

Any ideas what im doing wrong? how can I achieve this easily. I basically need a slider, that I can customize the divs inside it fully, I would like to stay with galleria if possible.

什么想法我做错了什么?我怎样才能轻松实现这一目标。我基本上需要一个滑块,我可以完全自定义里面的div,如果可能的话我想留在广场。

1 个解决方案

#1

Found the problem, Galleria only supports images and not div or other elements within the carousel, strictly images.
I needed to search 'jQuery content slider' not 'image slider'.

发现问题,Galleria只支持图像而不是div或旋转木马内的其他元素,严格的图像。我需要搜索“jQuery内容滑块”而不是“图像滑块”。

Hopes this helps someone with the same problem.

希望这可以帮助有同样问题的人。

Galleria is only used for images, for divs and all other content, you need a content slider.

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

#1