Question

我正在使用nivo滑块来创建幻灯片，但我使用“div”元素而不是使用“img”作为Nivo Slider演示。但是nivo显然不支持“div”元素或支持它，我应该使用另一种配置吗？

我想将此HTML标记用于我的幻灯片

<div id='background_image' class="fadein">
 <div class="imgbk" style="background-image:url(/media/2374/newbackground.jpg);"></div>
 <div class="imgbk" style="background-image:url(/media/2374/dummy_1.jpg);"></div>
 <div class="imgbk" style="background-image:url(/media/2374/dummy_2.jpg);"></div>
 <div class="imgbk" style="background-image:url(/media/2374/dummy_3.jpg);"></div>
 <div class="imgbk" style="background-image:url(/media/2374/dummy_4.jpg);"></div>
 <div class="imgbk" style="background-image:url(/media/2374/dummy_5.jpg);"></div>
</div>

Answer 1

从nivoslider的演示页面，它仅支持图像。如果您想要HTML内容，请使用另一个滑块插件。如果您搜索“jquery内容滑块”或类似内容，您会发现很多可能符合您需求的内容。

如果在你的例子中，你只是将图像传输到内联样式背景（这看起来很奇怪，但也许是为了时髦的边框或半径或什么？）你意识到你可以将相同的样式应用到IMG标签上，你可以DIV？

NivoSlider可以支持div而不是img

1 个答案: