如何在jquery galleria中滑动div并在其中放置元素?

时间:2011-10-19 13:31:50

标签: javascript jquery css slider galleria

我正在使用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,如果可能的话,我想留在广场上。

1 个答案:

答案 0 :(得分:1)

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

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

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