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>

Deja un comentario

Resumen de nuestra Pol铆tica de Privacidad

  • Responsable:聽SmythSys IT Consulting SLNE.
  • Finalidad:聽Gestionar y moderar los comentarios.
  • Legitimaci贸n:聽Necesitas dar tu consentimiento para publicar un comentario.
  • Destinatarios:聽Tus datos se alojan en los servidores de OVH.
  • Derechos:聽Tienes derecho a acceder, rectificar, limitar y suprimir los datos en la direcci贸n del responsable (en nuestra pol铆tica de privacidad).

Time limit is exhausted. Please reload CAPTCHA.