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:

 

Cudy New LT400 Router 4G LTE WiFi 300Mbps, Compatible con Todos los operadores, FDD y TDD, Qualcomm en el Interior, sin Necesidad de configuración, VPN, DDNS

(2840)

49,90 € (a partir de 6 junio, 2023 11:32 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 RAM 32GB (2x16GB) DDR4 3200MHz CL22 (o 2933MHz o 2666MHz) Kit de Memoria Portátil CT2K16G4SFRA32A

(26858)

71,97 € (a partir de 6 junio, 2023 11:32 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.)

SAMSUNG - Tablet Galaxy Tab A7 Lite de 8,7 Pulgadas con Wi-Fi y Sistema Operativo Android I Color Gris (Versión Es)

(23660)

120,25 € (a partir de 6 junio, 2023 11:33 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.)

SGIN 15.6 Pulgadas Portátil Windows 11, 8GB RAM 256GB SSD, Procesador Celeron N4020 PC Portátil con 2xUSB 3.0, WiFi de Doble Banda, Almacenamiento Ampliable 512GB (Negro)

(604)

269,98 € (a partir de 6 junio, 2023 11:32 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.)

Lector Tarjetas SD/Micro SD Lector de Tarjetas SD USB c,6 in 1 Micro USB OTG Adaptador Tarjetas de Memoria y USB para Micro SD TF, SDXC, SDHC, MS, MMC, MSXC

(210)

3,99 € (a partir de 6 junio, 2023 11:32 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.)

QLOCOM Repetidor WiFi 1200Mbps Banda Dual 5GHz y 2.4GHz Amplificador Señal WiFi, Repetidor WiFi Largo Alcance con WPS, Play y Plug, Compatible con Módem y Router

(248)

53,99 € (a partir de 6 junio, 2023 11:32 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.)

Blackview Tab 12 Pro Tablet 10 Pulgadas 14GB + 128GB ROM(1TB TF),Tablet Android 12 4G LTE + 5G WiFi, Octa-Core, Batería 6580mAh, 1920 * 1200 FHD, Cámara 13MP+5MP, Dual SIM/GPS/ BT5.0/OTG/Type-C

(405)

199,99 € (a partir de 6 junio, 2023 11:32 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.)

Cable Cargador iPhone, [3Pack 2M] Cable iPhone Carga Rápida Trenzado de Nylon Compatible con iPhone 13 12 11 Pro XS MAX XR X 8 Plus 7 Plus 6S 6 Plus 5 5S 5C SE - Negro

(18324)

9,99 € (a partir de 6 junio, 2023 11:32 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.)

D-Line Caja de cables EU/CTUSMLC/SW, caja de gestión de cables para ocultar cables con desorden de cables - pequeña, azul

(29804)

15,99 € (a partir de 6 junio, 2023 11:32 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.)

TohiTata 302XL Cartuchos de Tinta Remanufacturado para HP 302 XL, Negro y Tricolor, Alta Capacidad, Compatible con HP Envy 4520 4527, DeskJet 2130 3630 3636 3637

(159)

29,99 € (a partir de 6 junio, 2023 11:32 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.)