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:

 

Monitor Portatil - KOORUI Pantalla Portatil de 15,6 Pulgadas, 1080P Full HD, IPS sRGB 99% Monitor Portátil con Doble Trompa/HDMI/Type-C Monitor para computadora portátil/PC/Mac /PS4 /Xbox/Teléfono

(506)

119,99 € (a partir de 2 febrero, 2023 05:32 GMT +01: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.)

Funda de tela para Kindle Paperwhite de Amazon | Compatible con el Kindle Paperwhite de 11.ª generación (modelo de 2021), Negro

(1018)

19,24 € (a partir de 2 febrero, 2023 06:56 GMT +01: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.)

GOODTEL Tablet 10 Pulgadas Android 12 Procesador Octa-Core 4 GB RAM 64 GB ROM, Smart IPS, Batería 8000 mAh, Cámara 5 MP + 8 MP, WiFi | Bluetooth | OTG | Type C, Funda + Lápiz + Teclado + Ratón, Negro

(539)

109,99 € (a partir de 2 febrero, 2023 05:32 GMT +01: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.)

INPHIC - Ratón inalámbrico ergonómico Recargable de 2,4 G, con nanorreceptor USB para Ordenador portátil, de sobremesa, MacBook, 6 Teclas, Negro

(15558)

15,99 € (a partir de 2 febrero, 2023 03:51 GMT +01: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.)

KOORUI 27E1QA - Monitor Gaming de 27" WQHD 144Hz (2560x1440p, Pantalla VA LED 16:9, ZeroFrame, FreeSync, 1ms, 300 nits, 2 HDMI, DP 3.5MM Audio out), Negro

(981)

205,99 € (a partir de 2 febrero, 2023 05:32 GMT +01: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 MX500 1TB 3D NAND SATA de 2,5 pulgadas SSD Interno - Hasta 560MB/s - CT1000MX500SSD1

(81314)

79,19 € (a partir de 2 febrero, 2023 05:32 GMT +01: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.)

Procase 2 Piezas Protector de Pantalla para iPad 10ª Gen 10.9" 2022, Salvapantalla de Cristal Templado de iPad 10 Generación 2022 10.9 Pulgadas -Transparente

(1282)

16,99 € (a partir de 2 febrero, 2023 05:32 GMT +01: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.)

HP Essential Maletín para Portátiles de 15,6" - (Cremallera Superior, Bolsillo Exterior, Correa Ajustable, protección RFID, Bluetooth), Color Gris

(3687)

11,99 € (a partir de 2 febrero, 2023 06:56 GMT +01: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.)

GOODTEL Tablet 10 Pulgadas Android 12 Procesador Octa-Core 4 GB RAM 64 GB ROM, Smart IPS, Batería 8000 mAh, Cámara 5 MP + 8 MP, WiFi | Bluetooth | OTG | Type C, Funda + Lápiz + Teclado + Ratón, Azul

(539)

109,99 € (a partir de 2 febrero, 2023 05:32 GMT +01: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.)

TP-Link RE190 AC750 - Repetidor de WiFi 4335GHz/2.4GHz, Amplificador WiFi Extensor con Enchufe, Indicador de Señal, Antenas Internas, Blanco

(8577)

27,40 € (a partir de 2 febrero, 2023 05:32 GMT +01: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.)