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:

MERCUSYS MW300RE - Repetidor Wi-Fi N300Mbps, Dos potentes antenas externas, amplificador, Indicador de señal inteligente, WPS, MIMO, Configuración de aplicación

(42511118)

9,90 € (a partir de 10 julio, 2025 14:04 GMT +02:00 - )

ASUS TUF Gaming B650M-PLUS WiFi - Placa Base AMD Ryzen AM5 Micro-ATX (VRM de 14 Fases, PCIe 5.0 M.2, DDR5, WiFi 6, 2.5 GB Ethernet, USB4, Aura Sync)

(4352128)

130,99 € (a partir de 10 julio, 2025 14:04 GMT +02:00 - )

WD 5TB My Passport, HDD portátil, USB 3.0, con software para gestión de dispositivos, copia de seguridad y protección de contraseñas Funciona con PC, Xbox y Playstation, Negro

(45597593)

109,79 € (a partir de 10 julio, 2025 14:04 GMT +02:00 - )

Repetidor WiFi, Extensor WiFi, Amplificador de Señal WiFi 1200Mps, WiFi Booster Doble Banda 5GHz y 2.4GHz, Modo Repetidor/Router/Ap, 4 Antenas, 2 Puertos LAN,Compatibilidad MacBook Air 13-Inch Laptop

(4653203)

21,13 € (a partir de 10 julio, 2025 14:04 GMT +02:00 - )

Apple 2025 MacBook Air de 13 Pulgadas con Chip M4: diseñado para Apple Intelligence, Pantalla Liquid Retina de 13,6 Pulgadas, 16 GB de Memoria unificada, 512 GB SSD, Teclado español; Medianoche

(48555)

1215,00 € (a partir de 10 julio, 2025 20:22 GMT +02:00 - )

Ventilador de Cuello- Ventilador Cuello USB Recargable Máx 15H, Ajustable al Cuello, Pantalla Digital, 3 Velocidades, Potente y Silencioso, Portatil y Ligero para Hogar, Oficina, Viajar, Acampar

(43572)

20,99 € (a partir de 10 julio, 2025 20:22 GMT +02:00 - )

SanDisk Ultra Flair Pendrive 128 GB Memoria USB 3.0 (Velocidad de lectura hasta 150 MB/s, Protección con Contraseña, Carcasa de metal elegante y duradera, Plata) Negro

(465193961)

9,55 € (a partir de 10 julio, 2025 14:04 GMT +02:00 - )

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

MERCUSYS MW300RE - Repetidor Wi-Fi N300Mbps, Dos potentes antenas externas, amplificador, Indicador de señal inteligente, WPS, MIMO, Configuración de aplicación

ASUS TUF Gaming B650M-PLUS WiFi - Placa Base AMD Ryzen AM5 Micro-ATX (VRM de 14 Fases, PCIe 5.0 M.2, DDR5, WiFi 6, 2.5 GB Ethernet, USB4, Aura Sync)

Crucial P3 Plus 1TB M.2 PCIe Gen4 NVMe SSD interno - Hasta 5000MB/s - CT1000P3PSSD801 (Edición Acronis)

Xiaomi Redmi Pad SE 11-8GB/256GB Gris

SanDisk 64GB Ultra Fit Unidad Flash, USB 3.2, con velocidades de transferencia hasta 300 MB/s