这是用三张图片做成的轮播效果,其中该图片会随着我们用鼠标放大缩小页面而放大缩小
以下是在.html文件的代码
<div class="Carousel"> <ul> <li> <ion-slide-box does-continue="true" show-pager="true" auto-play="true"> <ion-slide> <div> <img src="{{dash.t1}}" class="other-img"> </div> </ion-slide> <ion-slide> <div> <img src="{{dash.t2}}" class="other-img"> </div> </ion-slide> <ion-slide> <div> <img src="{{dash.t3}}" class="other-img"> </div> </ion-slide> </ion-slide-box> </li> </ul> </div>
接下来是style.CSS文件的代码
.Carousel{
background-color: blanchedalmond;
}
.other-img{
width: 100%;
height: 200px;
}
轮播的代码就到这里了