AMPLIAR UNA IMAGEN CON UN CLICK DE MOUSE
"BLOGS FMG"
Aquí nuestro querido amigo, seguidor de Blogger Código, me ha pedido un código responsable de agrandar una imagen pequeña con tan solo pasar el ratón por encima de la imagen, entonces no tarde mucho en crear este post, querido amigo y el resto de los queridos espero que os resulte útil este código.
Es muy sencillo el código y la utilización del mismo, tan solo debes personalizarlo a tu gusto.
Cambiar la URL de la imagen (en su tamaño normal).
El primer width y height es el tamaño que queremos que sea la imagen una vez agrandada, al pasar el cursor, width es el ancho y height es el alto.
Los width y height que están en color verde son el ancho y alto de la imagen en tamaño pequeño, como quedaría antes de agrandar la imagen (antes de pasar el cursor por encima).. espero que te sirva amigo. Lo más sencillo que te puedo recomendar es esto amigo.
img src="URL de la imagen" onmouseover="this.width=400;this.height=300;" onmouseout="this.width=100;this.height=80;" width="100" height="80" />
<img src="URL DE LA IMAGEN" onmouseover="this.width=500;this.height=400;" onmouseout="this.width=200;this.height=150;" width="200" height="150" />
aqui les dejo otro diferente para hacer click o doble click
<img onclick="javascript:this.width=500;this.height=400 " ondblclick="javascript:this.width=100;this.height= 80" src="URL de la imagen" width="100"/>
tambien se puede combinar con el de antes
<img src="URL DE LA IMAGEN" onclick="this.width=500;this.height=400;" onmouseout="this.width=200;this.height=150;" width="200" height="150" />
Data de la Publicación; 12-07-2020
Publicado por;
0 comentarios