Estuve juggando con Swiper De esta manera queda un Carrusel infinito y con botones <code> &lt;div class="swiper-container"&gt; &...

Kevin Parra Lopez

Kevin Parra Lopez

Pregunta
studenthace 5 años

Estuve juggando con Swiper

De esta manera queda un Carrusel infinito y con botones

<div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" *ngFor="let img of images"> <img [src]="img" alt="imagen del banner" /> </div> </div> <div class="swiper-pagination"></div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> </div>
ngAfterViewInit() { this.mySwiper = new Swiper('.swiper-container', { slidesPerView: 1, spaceBetween: 30, loop: true, pagination: { el: '.swiper-pagination', clickable: true, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); }
1 respuestas
para escribir tu comentario
    Massimo Di Berardino

    Massimo Di Berardino

    studenthace 5 años

    Que buen ejercicio, con poco código queda muy bien implementado en carrusel infinito

Curso de Angular [Empieza Gratis]

Curso de Angular [Empieza Gratis]

Entiende los conceptos fundamentales de Angular 8. Conoce la arquitectura de este Framework para que programes aplicaciones web con sus mejores prácticas. Conecta tus aplicaciones con una API para obtener datos de un sistema de Backend. Crea una tienda en línea y publícala en Internet con Firebase.

Curso de Angular [Empieza Gratis]
Curso de Angular [Empieza Gratis]

Curso de Angular [Empieza Gratis]

Entiende los conceptos fundamentales de Angular 8. Conoce la arquitectura de este Framework para que programes aplicaciones web con sus mejores prácticas. Conecta tus aplicaciones con una API para obtener datos de un sistema de Backend. Crea una tienda en línea y publícala en Internet con Firebase.