CSS Banner轮播/滑块无法正常工作

Question

我有以下css：

.banner {
    background: url(../images/banner4.jpg)  no-repeat ;
    background-size: cover;
}

我想以滑块的方式显示其他图像。 我已经尝试了一些建议，但似乎没有任何效果。

我还是CSS新手，所以我很感激任何建议。

提前谢谢！