我正在使用ResponsiveSlides.js,该工具运行得很好,但我真正想做的是将幻灯片图像作为背景图像,以便使幻灯片适合视口的整个宽度和高度。

我遵循的页面和文档在这里-
http://responsiveslides.com/

您通常会看到,幻灯片图像基本上是放置在html列表项中的图像标签。但是,按照我的理解,为了使这些图像充满浏览器窗口,它们必须成为我已经成功完成的背景图像之前在其他网站上完成过。

但是,经过大量研究,我从插件的作者那里发现了这一点-
https://github.com/viljamis/ResponsiveSlides.js/issues/113

在这里,作者解释说,为了实现我自己想做的事情,那么html应该使用空列表项或div使用css指定背景图像。我已经尝试过这样做,并且图像完全没有出现。.任何帮助或指针将不胜感激。

最佳答案

如果要使用ResponsiveSlides,可以尝试将ul样式设置为

width: 100%;
height: 100%;
z-index: -1; /*To make sure it does not cover anything */
position: fixed;
top: 0;
left: 0;


但是,似乎插件不是为此而设计的。您应该考虑使用其他插件,例如http://vegas.jaysalvat.com/

关于javascript - ResponsiveSlides.js全屏背景图片,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/32128346/

10-09 14:31