Cómo agregar flechas izquierda y derecha en JS scroll
¡Es! ¿TIPO DE DOCUMENTO? html gt
lthtml gt
lthead gt
ltmeta? charset="UTF-8 "
lttitle gt lt/title gt;
ltstyle gt
img{
Ancho: 400px
Alto: 250px
Borde:? 1px? ¿sólido? #ff 1943;
}?
div? {
Ancho:? 400px
Alto: 250px
Posición:? Relativo;
}
div:hover:before{
Contenido: "lt;
Pantalla: bloque;
Ancho: 30px
Alto: 60px
Fondo: rgba(0, 0, 0, .. 3); /p>
arriba: 40;
Izquierda: 0px
Alineación del texto: centro
Alto de línea: 60px
Tamaño de fuente: 30px
Color: # fff
}
div:hover:after{
Contenido: " >;< / p>
Pantalla: bloque;
Ancho: 30px
Alto: 60px
Fondo: rgba(0, 0, 0, .. 3 ) ;
Posición: absoluta;
arriba: 40;
Derecha: -1px; >
p>
Alto de línea: 60px
Tamaño de fuente: 30px
Color: # fff
}
lt/style gt ;
lt/head gt;
ltbody gt
ltdiv gt
ltimg? src="1.jpg "
lt/div gt;
lt script gt
ventana.onload? =?función()? {
var? ¿Mi nombre? =?Nuevo? Array("1.jpg", "2.jpg", "3.jpg");
var? ¿I? =?0;
var? ¿Tupien? =?document . getelementsbytagname(" img ")[0]
setInterval(changeimg, 2000);
¿Función? cambiarimg()? {
tupian.setAttribute("src ",mying[i]);
Si (i?==?mying.length)? {
I = 0;
}
}
};
lt/script gt;
lt/body gt;
lt/html gt; Modifiqué esto según tu código. Puedes echar un vistazo. Las imágenes son mías, por lo que las rutas de las imágenes son diferentes, tenga en cuenta.