Tag: SWIPER.JS
Estoy tratando de crear un swiper que tenga una altura de 100vh. Básicamente, cuando el usuario desplaza la página hacia abajo, cuando toda la diapositiva esté en su campo de visión, el swiper comienza y cuando el usuario desplaza hacia arriba/abajo, puede moverse entre diapositivas. Por ejemplo, al desplazarse hacia . . . Read more
Me estoy encontrando con un problema en mis pruebas unitarias después de actualizar Swiper de 6 a 7. Estoy utilizando Angular 12 y Swiper 7.3.1. Antes de actualizarlo, las pruebas unitarias funcionaban bien (versión Swiper 6.5.9). Estoy utilizando el módulo SwiperModule en mis pruebas de la siguiente manera: import { . . . Read more
Tengo un “swiper” de pantalla completa que contiene una serie de imágenes como diapositivas, así como se muestra a continuación: <div class=”swiper-slide”><div class=”swiper-image”><img src=”…”></div></div> Con esta configuración (css estándar swiper), las imágenes tienen un ancho y una altura completamente maximizados. Me gustaría darle a la imagen un relleno para que . . . Read more
Estoy usando swiper.js a través de CDN… el problema es que en el archivo CDN swiper-bundle.min.css, .swiper-button-next, .swiper-button-prev están configurados en top: 50%; así: css .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; } Quiero establecer .swiper-button-next, .swiper-button-prev en bottom: 11px;, intenté hacerlo en mi propio archivo css, pero el top: . . . Read more
Aquí está el código de muestra: “` import { Navigation, Pagination, Scrollbar, A11y } from “swiper”; import "./introslider.css"; import { Swiper, SwiperSlide } from "swiper/react"; import React, { Component } from "react"; <p>import Hand from "../../images/hand<em>1.png"; import Sabad from "../../images/group</em>2.png"; import Cart from "../../images/credit<em>card</em>35.png"; // Importar estilos de Swiper export . . . Read more