Presentación básica de fondo en JavaScript-easy_background

Vista prévia

Descripción

easy_background es una biblioteca de JavaScript Vanilla para crear un < a href = "https://wikicss.com/tag/background-slideshow/" de presentación de diapositivas de fondo de una matriz de imágenes dinámica.

Funcionamiento

Descargue e inserte el archivo JavaScript easy_background. js en el documento.

<script src="easy_background.js"></script>

Inicializa la proyección de diapositivas en segundo plano y pasa los siguientes parámetros a la función easy_background () .

• selector: dónde colocar la proyección de diapositivas de fondo.
• a1, B1, C1, D1, E1: retardo de transición en milisegundos.
• a2, B2, C2, D2, E2: rutas de imagen.

// easy_background(selector, a1, a2, b1, b2, c1, c2, d1, d2, e1, e2)
easy_background("body", 3000, "1.jpg", 3000, "2.jpg", 3000, "3.jpg", 3000, "4.jpg", 3000, "5.jpg");

Añade un efecto de transición suave a la proyección de diapositivas de fondo usando CSS3.

body {


-webkit-transition: all 0.5s ease-in;

-moz-transition: all 0.5s ease-in;

-ms-transition: all 0.5s ease-in;

-o-transition: all 0.5s ease-in;

transition: all 0.5s ease-in;

background-size: cover;

background-repeat: no-repeat;

background-position: center center;

color: white;

height: 100%;

width: 100%;

}

Registro de cambios

10/11/2018

• Se agregó la duración de transición