Codigo on mouse over

Sección para"expertos", que quieren cambiar el código HTML de su página o insertar Java Scripts, Iframes, etc.. Si eres principiante, esta sección no te hace falta.

ModeradorCOLON Moderadores

emiliojb
Aprendiz
Aprendiz
MensajesCOLON 9
RegistradoCOLON 11 Ago 2008 09:45

Codigo on mouse over

Notapor emiliojb » 10 Dic 2008 18:43

Hola, me preguntaba si en mi pagina de palimpalem se puede poner algun codigo de Java para hacer el efecto de lupa al pasar el raton por encima de una imagen.
He puesto este codigo:
<img src="pequena.jpg" onmouseover = "this.src=grande.jpg" />
pero no me funciona, se me queda la imagen en pequeño y no pasa nada al pasar el raton por encima.
¿Alguien podria decirme algun codigo que funcione? ¿ O sabeis si este tipo de codigos no los acepta la pagina?
Perdonad por mis preguntas pero soy nueva en esto de las webs.
Gracias por adelantado.

Avatar de Usuario
Ivan
Master User
Master User
MensajesCOLON 2172
RegistradoCOLON 29 Oct 2005 00:15
UbicaciónCOLON Santa Fe, Argentina
CONTACTCOLON

Re: Codigo on mouse over

Notapor Ivan » 10 Dic 2008 19:38

emiliojb escribióColonHola, me preguntaba si en mi pagina de palimpalem se puede poner algun codigo de Java para hacer el efecto de lupa al pasar el raton por encima de una imagen.
He puesto este codigo:
<img src="pequena.jpg" onmouseover = "this.src=grande.jpg" />
pero no me funciona, se me queda la imagen en pequeño y no pasa nada al pasar el raton por encima.
¿Alguien podria decirme algun codigo que funcione? ¿ O sabeis si este tipo de codigos no los acepta la pagina?
Perdonad por mis preguntas pero soy nueva en esto de las webs.
Gracias por adelantado.



Esas URLs están mal. Tu URL de imagen debe comenzar del tipo http://www.tupagina.com/tuimagen.png (por ejemplo).
Que no se te olvide.
En internet en muchas páginas hay millones de imágenes para cursores...
Solo basta con investigar!

emiliojb
Aprendiz
Aprendiz
MensajesCOLON 9
RegistradoCOLON 11 Ago 2008 09:45

Re: Codigo on mouse over

Notapor emiliojb » 10 Dic 2008 19:44

Hola Ivan, gracias por tu respuesta pero creo que no me has entendido, quizas porque yo no me haya explicado muy bien, el efecto mouse over consiste en una imagen en pequeño que al pasar el raton por encima la imagen se vuelve grande, algo asi: http://www.stockvault.net/
Si pones el cursor encima de las imagenes que se muestran abajo en la seccion "Random photos from the stockvault gallery " veras lo que quiero decir.

Lo que busco no es un efecto para el cursor, es un codigo de Java script que me permita hacer esto.

emiliojb
Aprendiz
Aprendiz
MensajesCOLON 9
RegistradoCOLON 11 Ago 2008 09:45

Re: Codigo on mouse over

Notapor emiliojb » 10 Dic 2008 20:42

Muchas gracias a todos, ya he conseguido el codigo que me hacia falta, por si a alguien le pudiera interesar lo pongo aqui:

<html>
<HEAD>
<title>MouseOver JavaScript - 2 images, no hyperlink</title>
<SCRIPT LANGUAGE = "JavaScript">
<!--
first=new Image
first.src="image1.jpg"

second=new Image
second.src="image2.jpg"
// --></SCRIPT>
</HEAD>

<body bgcolor="#000000">
<a href="javascript:void(0)"
OnMouseOut="monitor.src=first.src"
OnMouseOver="monitor.src=second.src">
<img src="image1.jpg" name="monitor" width="300" height="375" border="0"></a>
</center>
</body>
</html>

Avatar de Usuario
Ivan
Master User
Master User
MensajesCOLON 2172
RegistradoCOLON 29 Oct 2005 00:15
UbicaciónCOLON Santa Fe, Argentina
CONTACTCOLON

Re: Codigo on mouse over

Notapor Ivan » 10 Dic 2008 22:24

Ah, ya te entendí. Una imagen que se agranda pasando el cursor xD
OK, suerte

:arrow:

Avatar de Usuario
terceroa
ExModerador
ExModerador
MensajesCOLON 590
RegistradoCOLON 01 Oct 2005 03:29
UbicaciónCOLON Santiago, Chile

Re: Codigo on mouse over

Notapor terceroa » 11 Dic 2008 13:40

Closed, Solucionado.
Saludos, terceroa
Twitter
5 años en Palimpalem


Volver a

¿Quién está conectado?

Usuarios navegando por este Foro: 7 y 0 invitados

cron