Control deslizante de imágenes a través de un array en JavaScript

Ahora hagamos un control deslizante de imágenes. Supongamos que en el código HTML tenemos la etiqueta img:

html<img id="slider" src="">

Supongamos también que tenemos un array de imágenes:

javascriptlet texts = ['1.png', '2.png', '3.png'];

Hagamos que cada segundo en la etiqueta img aparezca una nueva imagen de nuestro array.

Задание 1

Implemente el control deslizante descrito. Hágalo de manera que las imágenes circulen.

Задание 2

Modifique la tarea anterior para que también aparezcan flechas hacia adelante y hacia atrás sobre la imagen. Es decir, el control deslizante se avanzará automáticamente con un temporizador, pero si el usuario lo desea, también podrá avanzarlo con los enlaces.