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:

 

Lápiz para iPad 2018-2022, KINGONE Stylus Pen con Rechazo de Palma, iPad Pencil【Sin Demora/Detección de Inclinación】para iPad 6th-9th Gen, iPad Mini 6th/5th Gen, iPad Air 3/4/5th, iPad Pro 12,9''/11''

(4009)

32,99 € (a partir de 25 septiembre, 2022 05:25 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.)

Tablet 10 Pulgadas, Blackview Tab12 Android 11 Tablet PC Con 4G LTE + 5G WIFI, 4GB+64GB(TF 1TB), 1920 X 1200 FHD, Octa-Core, Batería 6580mAh, Cámara Trasera de 13MP, Dual SIM/GPS/Bluetooth/Face ID/OTG

(153)

135,99 € (a partir de 25 septiembre, 2022 05:25 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.)

SSD Disco Sólido Interno 2.5" SATA III Interno Patriot Memory 240GB Burst Elite 6 Gbps

(801)

43,69 € (a partir de 25 septiembre, 2022 05:25 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.)

Crucial P2 CT1000P2SSD8 Disco Duro sólido Interno SSD de 1TB, de hasta 2400 MB/s (3D NAND, NVMe, PCIe, M.2)

(29382)

83,99 € (a partir de 24 septiembre, 2022 10:37 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.)

Bluetooth USB 5.1, Adaptador Bluetooth para PC Soporta Windows 11/10/8.1/8/7, USB Bluetooth Compatible con Ordenador, Portatil, Ratón, Teclado, Altavoz, Auriculares, Smartphone(Blanco)

(52)

7,99 € (a partir de 25 septiembre, 2022 05:25 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.)

Command 17.304 colgador de cable (2 ganchos de plástico, tamaño M, hasta 1 kg de capacidad) 2 Hook 2 Tiras, blanco

(424)

5,89 € (a partir de 24 septiembre, 2022 10:37 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 M10 FHD Plus (2nd Gen) - Tablet de 10.3" FullHD (MediaTek Helio P22T, 4 GB de RAM, 64 GB ampliables hasta 1 TB, 2 Altavoces, Wifi + Bluetooth, Android 9 Pie) - Color Plata

(1530)

133,51 € (a partir de 25 septiembre, 2022 05:25 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.)

Tablet 10 Pulgadas Android 11 Go - 64GB ROM | 256GB Expansión, Betería 6000mAh, Tablet 10 Pulgadas Baratas y Buenas, Certificación GMS, con 2MP+5MP Cámara WiFi Bluetooth Type-C (Gris)

(86)

99,66 € (a partir de 25 septiembre, 2022 05:25 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.)

Olakin Bluetooth USB 5.1, Mini Adaptador Bluetooth Dongle Compatible con Windows 7, 8, 8.1, 10, 11, Transferencia Inalámbrica para Ordenador, Altavoz, Teclado, Auriculares, Portatil (Negro)

(38)

6,99 € (a partir de 25 septiembre, 2022 05:25 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 Flair Memoria flash USB 3.0 de 128 GB, con carcasa de metal duradera y elegante y hasta 150 MB/s de velocidad de lectura, Color Silver

(135386)

14,90 € (a partir de 25 septiembre, 2022 05:25 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.)