Tag: SWIPER.JS
Mi swiper funciona estáticamente, pero cuando intento agregar nuevas diapositivas no funciona. Aquí está mi código: <swiper #slider=”” (reachend)=”end()” (swiper)=”setSwiperInstance($event)” (slidechange)=”loadNext()” [config]=”config”> <ng-template swiperslide=”” *ngfor=”let emojiBlock of initalEmojiMessages”> <ion-card class=”emoji-card”> <ion-card-content class=”internal-card”> <div class=”emoji-carrier”> <span class=”emojis”>{{emojiBlock.emojis}}</span> <span class=”emojis-words”>{{emojiBlock.words}}</span> </div> </ion-card-content> </ion-card> </ng-template> </swiper> Una vez que llego a la última . . . Read more
Estoy tratando de recrear un efecto deslizante que vi en el sitio web de supercrowds (si esperas un poco después del eslogan, la imagen se mueve). Un buen punto de partida sería utilizar SwiperJS para el slider y ajustar la animación usando CSS. Sin embargo, como parece estar escalonado y . . . Read more
Como dice el título, necesito ayuda para saber cómo importar swiperjs. Soy bastante nuevo en JavaScript, así que todavía estoy aprendiendo. Ya lo instalé a través de NPM y si lees el documento dice “Por defecto, Swiper exporta solo la versión básica sin módulos adicionales (como navegación, paginación, etc.). Así . . . Read more
Estoy usando el slider swiper en un proyecto desarrollado en Next.JS y estoy usando Sass para hacer el estilo. Pero cuando voy a usar las clases swiper, como indica la documentación, para dar estilo a las flechas, no funciona. Necesito que las flechas estén fuera del componente, sin superponerse. CSS . . . Read more
Quiero establecer la opción de mostrar/ocultar elementos de la lista en Swiper js. ¿Existe alguna solución simple? Item 1 Item 2 Item 3 Item 3