在离子幻灯片中将图像设置为背景

时间:2017-05-11 10:50:56

标签: ionic2 background-image slide

我正在尝试为<的应用做一个介绍离子幻灯片页> ,我的问题是将图像设置为背景,我试图在我的HTML上执行此操作:

SMTPTransport

可以看出,第一张幻灯片应该显示图片,但我得到的是: enter image description here

感谢您的帮助!

2 个答案:

答案 0 :(得分:5)

您的背景图片路径不正确。

图像应保存在/src/assets/img/fondo.png中。 在构建过程中将其复制到/www/assets/img/fondo.png

您的HTML代码将包含:

 <ion-slide style="background-image: url(../assets/img/fondo.png)">

答案 1 :(得分:-1)

对于那些使用Ionic 2+的人来说,我认为这种语法正是您要寻找的:

<ion-slide *ngFor="let imgFile of imgList" [style.backgroundImage]="'url(../assets/image/' + imgFile)">