Gráfico de rotación del deslizador del complemento de desarrollo front-end web
El desarrollo de front-end es una profesión popular ahora. Por supuesto, el nivel de los ingenieros de front-end también es desigual. Yo soy uno de ellos y mi tecnología todavía está trabajando arduamente para mejorar. Al realizar desarrollo front-end, a menudo te encuentras con la necesidad de crear imágenes en carrusel, generalmente en la página de inicio del sitio web. Hay muchos complementos de mapas giratorios en Internet. Lo que quiero presentar es un complemento de mapas giratorios que abarca plataformas móviles y de PC: Swiper.
Hay muchos usuarios de swiper porque es muy fácil de usar y es compatible con dispositivos móviles y PC. La versión 3 y superiores no son compatibles con IE8. Los amigos que necesitan ser compatibles con IE8 necesitan usar la versión 2.
p>Busque el enlace de descarga en el sitio web oficial y descargue directamente los js y css relacionados con swiper. ¡El editor no subvencionará el enlace aquí!
El HTML de Swiper tiene una estructura fija. Primero introduzcamos los estilos CSS y JS relevantes. Por supuesto, CSS se puede personalizar. La estructura de html no se puede cambiar. El ejemplo más simple es el siguiente:
No sería sorprendente que las luces del swiper tuvieran una función de rotación automática. Swiper puede tener muchas opciones de configuración, por lo que es el preferido por la mayoría. de usuarios, por ejemplo, personalizar el tiempo de desplazamiento, la dirección, la dirección, etc. Por ejemplo, tiempo de desplazamiento personalizado, dirección, efectos de cambio de animación, etc., hay muchos más eventos que no enumeraré uno por uno. Los amigos que lo necesiten pueden ir al sitio web oficial para verlo.