Alternativa a crear un carrusel de imágenes en la web ['ESP','ENG']

Muy seguramente en alguna web has visto un carrusel de eventos u imágenes y en la programación sabemos que no es fácil hacerlo dinámico porque requiere de un algoritmo complejo pero reutilizable a la vez, de manera resumida debe replicar el evento deseado en ambos sentidos y reiniciar con facilidad.
En este artículo te mostrare como aplicarlo de manera visual para que parezco una especie de video animado de fotos, sin funcionalidades, solo para dar un efecto más agradable a la web.

Very surely on some website you have seen a carousel of events or images and in programming we know that it is not easy to make it dynamic because it requires a complex but reusable algorithm at the same time, in summary it must replicate the desired event in both directions and restart with ease. In this article I will show you how to apply it visually so that it looks like a kind of animated photo video, without functionalities, just to give a more pleasant effect to the website.

Esto requiere solo de un contenedor como etiqueta y las imágenes con le extensión que desees. La lógica y funcionales de este tipo de eventos se debe manejar con JavaScript que le otorga dinamismo.
Lo primero que debe hacer es crear el evento que carga los elementos dentro del “DOM” y dentro de la función capturar la etiqueta contenedora, crear un índice que indicara la posición de cada imagen, luego cambiar a través de estilos en línea el fondo de la imagen y agregar el nuevo indicie de la imagen con una función que tenga un intervalo de tiempo, el resto de la magia la realiza “CSS”.

This requires only a container as a label and the images with the extension you want. The logic and functionality of this type of events must be handled with JavaScript, which gives it dynamism. The first thing you should do is create the event that loads the elements within the “DOM” and within the function capture the containing tag, create an index that indicates the position of each image, then change the background of the image through inline styles. the image and add the new image index with a function that has a time interval, the rest of the magic is done by “CSS”.