我正在使用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,如果可能的话,我想留在广场上。
答案 0 :(得分:1)
发现问题,Galleria只支持图像,而不是div或旋转木马内的其他元素,严格的图像 我需要搜索“jQuery内容滑块”而不是“图像滑块”。
希望这可以帮助有同样问题的人。
Galleria仅用于图片,div和所有其他内容,您需要一个内容滑块。