我想为最近的博客帖子创建一个三幻灯片滑块。
我有一个Bootstrap静态主页和一个管理其余页面和博客的Wordpress博客站点。
从长远来看,我的计划是在Bootstrap上构建整个站点,但是现在,该主页将链接到该站点的其余部分。
我想为主页构建一个“最近的博客文章”部分,但是还没有弄清楚如何设置我想要的滑块。
| -幻灯片1-| -幻灯片2-| -幻灯片3-|
这些幻灯片应:
从左到右水平滑动
可点击http://www.modernanimal.co/blog上的博客文章
成为最新的三个帖子,并在添加新帖子时进行更新
我花了很多时间在网上研究解决方案。但是我还没有看到任何现场示例,因此,基于有限的知识/技能,很难知道我到底在追求什么。
我真的可以使用HTML代码段来入门,或者对可能有用的教程提出建议。
提前致谢。
最佳答案
如果您不介意将jQuery添加为依赖项,那么Owl Carousel似乎可以满足您的需求。
它主要针对幻灯片,但也适用于常规内容,特别是以下示例:
https://owlcarousel2.github.io/OwlCarousel2/demos/basic.html
关于css - 如何创建一个Bootstrap slider 来展示最近的博客文章?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41385794/