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:

 

Kingston A400 SSD Disco duro sólido interno 2.5" SATA Rev 3.0, 960GB - SA400S37/960G

(207336)

58,99 € (a partir de 19 abril, 2024 09:28 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.)

LG 29WP500-B - Monitor UltraWide Ultrapanorámico 29 pulgadas, 21:9, Panel IPS: 2560x1080, 250cd/m², 1000:1, sRGB superior al 99%, diag. 73cm, entr: HDMIx2, Inclinación Ajustable, Color Negro

(1055)

169,00 € (a partir de 19 abril, 2024 09:28 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 T7 Portable SSD - 1 TB - USB 3.2 Gen.2 External SSD Indigo Blue (MU-PC1T0H/WW)

(37962)

97,51 € (a partir de 19 abril, 2024 09:28 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.)

Blukar Adaptador USB C Hembra a USB Macho, [3-Pack] Convertidor Tipo C a USB A para Carga rápida y sincronización de Datos, Ideal para iPhone 15/14/13, iPad Air 4/Pro

(8241)

5,43 € (a partir de 19 abril, 2024 09:28 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 Galaxy Tab A9+ Tablet Android, 128 GB Almacenamiento, WiFi, Pantalla 11”, Sonido 3D, Gris (Versión Española)

(173)

259,00 € (a partir de 19 abril, 2024 09:28 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 RE500X - WIFI 6 Repetidor, AX1500 WiFi, Puerto Ethernet Gigabit 10/100/1000 Mbos, Compatible con Todos los Routers

(620)

49,99 € (a partir de 19 abril, 2024 09:28 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.)

Xiaomi Redmi Pad SE Tablet de 11", WiFi, Pantalla FHD+ de 90Hz, 4GB de RAM, 128GB de ROM, Batería de 8000 mAh, Versión ES, Gris

(93)

168,99 € (a partir de 19 abril, 2024 09:28 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.)

alptte Memoria USB 256GB USB 3.0 Pendrive Impermeable Pen Drive Metal Disco Duro Externo para Computadora Tableta, con Llavero (256gb)

(67)

15,99 € (a partir de 19 abril, 2024 09:28 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.)

Sveon SCT011M - Lector DNI Electrónico y Tarjetas Inteligentes Compatible con Mac y Windows

(10324)

7,99 € (a partir de 19 abril, 2024 09:28 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 iPhone 1M Cable iPhone Carga Rápida MFi Certificado Cable USB iPhone, Cable Cargador iPhone Nylon Trenzado Lightning Cable para iPhone 14 13 12 11 Pro XS MAX XR X 8 7 6S 6 Plus 5 5S,iPad

(30895)

4,99 € (a partir de 19 abril, 2024 09:28 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.)