Cómo agregar flechas izquierda y derecha a imágenes de desplazamiento JS

Establecer pseudoelementos antes y después de la imagen lt;!DOCTYPE?htmlgt;

lt;htmlgt;

lt; >lt ;meta?charset="UTF-8"gt;

lt;!titlegt;lt;/titlegt;

lt;stylegt;

img {

ancho: 400px;

alto: 250px;

borde: ?1px?solid?#ff1943

}?

div?{

ancho: 400px;

alto: 250px

posición: relativa

}

div:hover:before{

contenido: "lt.";

pantalla: bloque

ancho: 30px; /p>

alto: 60px;

fondo: rgba (0, 0, 0, .3);

posición: absoluta

arriba; .40;

izquierda: 0px;

alineación de texto: centro;

altura de línea:

tamaño de fuente; : 30px;

color: #fff;

}

posición: absoluta

arriba: 40; p>derecha: -1px;

alineación de texto: centro;

altura de línea: 60 px;

color: #fff;

}?

lt;/stylegt;

lt;/headgt;

lt; bodygt;

lt;divgt;

lt;img?src="1.jpg"gt;

lt;/divgt;

lt;scriptgt;

window.onload?{

var?mying?=?new?Array("1.jpg", "2.jpg", "3. jpg");

var?i?=?0;

var?tupian?=?document.getElementsByTagName("img")[0 )

setInterval(changeimg, 2000);

función?changeimg()?{

tupian.setAttribute("src", mying[i]);

if (i?==?mying.length)?{

i=0;

}

}

};

} p>

lt;/scriptgt;

lt;/bodygt;

lt;/htmlgt;

Esto es lo que Lo hice con tu código Revisar. Las imágenes utilizadas son mías, por lo que las rutas de las imágenes son diferentes, tenga en cuenta.