html - 带导航的全屏页面幻灯片

Question

我对此很陌生，你们中的许多人可能会觉得我的问题很愚蠢，但我真的需要帮助！

好的，所以我想要实现的是：

我希望 6 个带有图像和内容的全屏页面在单击“<”>“按钮时平滑地水平滚动，并且网站底部的每个页面也会有项目符号。

如何在 HTML 和 CSS 上设置它？我知道这可能很容易，但老实说，以我的技能，我似乎找不到路！

我想要与http://nicinabox.com/superslides/#1完全相同的效果

Answer 1

检查http://www.idangero.us/sliders/swiper/

你可以把swiper的css width:100 height:100 top:0 和每个swiper left:0 , 100%,200%,300% ...

它有很多你可以使用的演示。它在触摸设备上也能很好地工作。