html轮播图添加文字,（swiper插件）轮播图，下面的文字随图片进行翻页

效果：(图片来源网路)

Html:

广播通知：你好 你好你好！！！！

欢迎来到这里，welcome,这是轮播图的第二条消息

css:

*{

margin:0;

padding:0;

}

.slider {100%;

max-1920px;

min-900px;

margin: auto;

min-height: 300px;

}

.swiper-container {100%;

height:100%;

}