JavaScript - Bordercolor en imagen

 
Vista:

Bordercolor en imagen

Publicado por Alice (1 intervención) el 27/05/2021 07:40:49
Estoy haciendo una galería y necesito usar el evento mouseover para que al situar el cursor sobre la imagen esta muestre un borde y al quitar el cursor desaparezca el borde
Ya intenté con imagen como tal, con un botón con imagen y no me queda :'(
1
2
3
4
5
6
7
8
9
10
11
12
13
<DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	</head>
 <body>
     <img src="imagenes/img_1.jpg" id="img1"/>
<script type="text/javascript">
var i=document.getElementById('img1');
i.addEventListener('hover',function(){i.style.borderColor='red'});
</script>
</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de joel
Val: 3.506
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Bordercolor en imagen

Publicado por joel (895 intervenciones) el 27/05/2021 12:00:23
Hola Alice, esto lo puedes hacer mas simple con css... te dejo un ejemplo:
1
2
3
4
5
6
7
8
9
10
11
12
13
<DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <style>
            img:hover {
                border:1px solid red;
            }
        </style>
    <body>
        <img src="imagenes/img_1.jpg" id="img1"/>
    </body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar