Html:cambiar de imagen o de tamaño de imagen al pasar el ratón

Programar (a nivel básico) siempre me ha parecido sencillo, sólo se trata de saber lo que puedes hacer y como. Pero hace tiempo un programador web me dijo algo que se me quedó grabado “no pierdas tiempo programando cosas que otro ya ha hecho…en Internet hay muchísimas”.

Pongo este pequeño código por si alguien quiere que una imagen cambie o cambie de tamaño al pasar el ratón.

<img src="/imagen.jpg" width="150" height="100" name="image_prueba"
onmouseover="image_prueba.width='300';image_prueba.height='200';"
onmouseout="image_prueba.width='150';image_prueba.height='100';" />

Esto cambia la imagen.jpg  de tamaño 150x100 a 300x200 al pasar el ratón. 
Cuando quitamos el ratón lo vuelve al tamaño original.
Para cambiar la imagen:
<img src="image1.gif" 
onmouseover="this.src='image2.gif'" 
onmouseout="this.src='image1.gif'">

Esto también se puede hacer en Java Script:

<script language=”JavaScript”>
<!– Hide the script from old browsers —

img0_on = new Image(186,25);
img0_on.src=”example2.gif“;
img0_off = new Image(186,25);
img0_off.src=”example1.gif“;

img1_on = new Image(103,33);
img1_on.src=”email2.gif“;
img1_off = new Image(103,33);
img1_off.src=”email1.gif“;

function over_image(parm_name)
     {
        document[parm_name].src = eval(parm_name + “_on.src”);
     }
function off_image(parm_name)
     {
        document[parm_name].src = eval(parm_name + “_off.src”);
     }
// –End Hiding Here –>
</script>

 

Os recomendamos los siguientes productos relacionados con la informática:

 

Samsung Portable SSD T7 (MU-PC1T0T/WW) 1 TB USB 3.2 Gen.2 1050 MB/s Lectura 1000 MB/s Escritura Disco duro externo para Mac, PC, smartphone y consolas de juegos, gris

(47545547)

95,99 € (a partir de 8 julio, 2025 22:48 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

Aioneus Cable USB C a Lightning 1M Cable iPhone USB C Apple MFi Certificado Cable iPhone Carga Rapida,Tipo C a Lightning Cable de Carga para iPhone 14 13 12 11 Pro MAX XS XR X 8 7 6S 6 Plus 5 5S, iPad

(4651048)

5,64 € (a partir de 8 julio, 2025 22:48 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

Sandisk Micro SD Express Card for Nintendo Switch 2

(475244)

56,99 € (a partir de 8 julio, 2025 22:48 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

CRAYOLA Disco Duro Externo de 2TB, Ultra Delgado y Portátil de 2.5" con Conexión USB, Almacenamiento Compatible con PC, Ordenador Portátil y Computadora (Negro)

(1457)

39,99 € (a partir de 9 julio, 2025 14:00 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

SanDisk Ultra Tarjeta Micro SDXC 256 GB + adaptador SD (Compatibles con tabletas y móviles Android, UHS-I, hasta 150 MB/s, Video Full HDD, Clase A1 de rendimiento, Class 10, U1)

(475126474)

18,03 € (a partir de 8 julio, 2025 22:48 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

YISH Cable USB C a USB C Carga Rápida 60W：[4Pack 0.5M+1M+1M+2M] PD Cable USB Tipo C Carga Rápida Trenzado Nylon Datos Cargador Teléfono Compatible con iPhone 16 15 Pro Max Samsung S25 S24 iPad MacBook

(465104)

9,99 € (a partir de 8 julio, 2025 22:48 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

MSI mag 275QF Monitor Gaming Plano WQHD (2560x1440) Panel IPS rápido¡, 180Hz / 0.5 m (GtG, mín.), 1 ms (MPRT) 16:9, HDR Ready, 300 nits, Negro

(455560)

217,26 € (a partir de 8 julio, 2025 22:48 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

Lenovo Tab – Tablet 10.1" WUXGA (MediaTek Helio G85, 4GB RAM, 64 GB, 60 Hz, 2 Altavoces, Wi-Fi 5, Bluetooth 5.3, Android 14) Azul Polar – Incluye Case Transparente

(445487)

99,00 € (a partir de 9 julio, 2025 14:00 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

[NUEVO]TP-Link Deco X1500 (3-Pack) - Sistema WiFi 6 AI Mesh, AX1500 Doble Banda 2.4 GHz/5 GHz, Cobertura hasta 600 m2, 3X Puertos GigabIt por Unidad, Banda 160MHz Canal, ODFMA, 1024QAM, Color Blanco

(46523491)

128,99 € (a partir de 9 julio, 2025 14:00 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)

Vicylif Memoria USB 982GB Rápido Pendrive 3.0 Portable Pen Drive Impermeable Disco Duro Externo Metal Memorias USB para Ordenadores, Tabletas y PC

(36526)

18,99 € (a partir de 8 julio, 2025 22:48 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)