PROBLEMA SLIDER AUTOMÁTICO DE IMÁGENES CON NGFOR
Publicado por Miriam (4 intervenciones) el 14/11/2022 12:32:11
Hola.
Tengo este array de imágenes en my componente.ts:
Y este div en mi componente.html:
Mi problema es que solo veo la primera imagen en el slider automático.
Antes de hacerlo con el ngfor tenía esto en el component.html y veía las tres imágenes en el slider automático pero al pasarlo a array solo veo la primera, pero no se que estoy haciendo mal.
Muchas gracias.
Tengo este array de imágenes en my componente.ts:
1
images = ["https://content.xxx/50/front-page/background1.jpg", "https://content.xxx/50/front-page/background2.jpg", "https://content. xxx/50/front-page/background3.jpg"];
Y este div en mi componente.html:
1
2
3
4
5
6
7
8
9
10
11
12
13
<div class="slider">
<div class="slider-container" *ngFor="let item of images">
<figure>
<img [src]="images" class="img-responsive"/>
</figure>
</div>
</div>
Mi problema es que solo veo la primera imagen en el slider automático.
Antes de hacerlo con el ngfor tenía esto en el component.html y veía las tres imágenes en el slider automático pero al pasarlo a array solo veo la primera, pero no se que estoy haciendo mal.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="slider">
<div class="slider-container">
<figure>
<img src="https://content.xxx/50/front-page/fondo1.jpg" class="img-responsive">
</figure>
<figure>
<img src="https://content.xxx/50/front-page/fondo2.jpg" class="img-responsive">
</figure>
<figure>
<img src="https://content.xxx/50/front-page/fondo3.jpg" class="img-responsive">
</figure>
</div>
</div>
Muchas gracias.
Valora esta pregunta
1
. Un saludo