如何在 jquery galleria 中滑动一个 div，其中包含元素？
我正在使用 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。
I am using galleria jquery plugin.
I have a div with class "carousel", This div will have many divs under it, which may also have divs beneath them. See Below:
<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).
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.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
发现问题了，Galleria只支持图片，不支持div或轮播中的其他元素，严格来说是图片。
我需要搜索“jQuery 内容滑块”而不是“图像滑块”。
希望这可以帮助遇到同样问题的人。
Galleria 仅用于图像，对于 div 和所有其他内容，您需要一个内容滑块。
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'.
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.