Killtrojan te invita a participar como usuario en nuestra comunidad. Registrate y podrás participar en todos nuestros subforos y ayudarás a crecer nuestra comunidad.

Si te gusta la informática,la seguridad, el análisis de malware o tienes problemas con virus o troyanos,no te lo pienses.


Registrarte en el foro no te llevará mas de un minuto.

[JavaScript] Eventos para aplicar en imágenes

Ver el tema anterior Ver el tema siguiente Ir abajo

[JavaScript] Eventos para aplicar en imágenes

Mensaje  invisible_hack el Lun Abr 05, 2010 12:31 am

Bueno, seguramente para muchos de vosotros esto no será nada nuevo, pero para los recién iniciados en el tema de la programación web, he encontrado un sitio en el que se explica muy bien el tema de los eventos en JavaScript para jugar con imágenes, concretamente se usan los eventos OnMouseOut y OnMouseOver

Veamos un ejemplo del uso de ambos eventos combinados:

Código:

<img border="0" id)"imgGGL" src="ggl.gif" width="198" height="202" onmouseover="changeImage()" onmouseout="backImage()">

<script lang="text/javascript">
<!--
function changeImage() {
document.imgGGL.src="thank_you.jpg";
}
function backImage() {
document.imgGGL.src="ggl.gif";
}
-->
</script>

Con esto podemos hacer que al pasar el ratón por encima de la imágen, salga una imágen, y en cuanto retiremos el ratón de encima, salga otra...

Evidentemente, ambas imagenes debemos tenerlas alojadas o bien dentro del hosting donde tengamos la web para que funcione, o, en definitiva, en otro hosting de imágenes externo. En el ejemplo, vemos que las imagenes a usar se llaman thank_you.jpeg y ggl.gif

Ahora veremos otro ejemplo, en el que usando estos eventos, podemos hacer que al pasar por encima de una imágen, salga una alerta Javascript:

Código:

<img border="0" id="imgGGL" src="ggl.gif" width="100" height="100" onmouseover=alert('El mensaje que quieras que salga')">

Como ya digo, es algo muy básico, pero que nunca viene mal recordar...

Podéis ver ambos ejemplos funcionando en el siguiente enlace, que es de donde he cogido estos ejemplos:

http://www.globalguideline.com/JavaScript_Guide/Java_Script_On_Mouseover.php

Saludos.
avatar
invisible_hack
CoAdmin
CoAdmin

Posts : 496
KCoins : 814
Reputación : 7
Fecha de inscripción : 02/09/2009

Staff


Ver perfil de usuario http://www.elrincondeinvisible.blogspot.com

Volver arriba Ir abajo

Re: [JavaScript] Eventos para aplicar en imágenes

Mensaje  raul338 el Lun Abr 05, 2010 2:48 pm

invisible_hack escribió:Con esto podemos hacer que al pasar el ratón por encima de la imágen, salga una imágen, y en cuanto retiremos el ratón de encima, salga otra...

Hoy en dia tranquilamente se puede en CSS y soportado por casi todos los navegadores (CSS2), los que desactivan javascript no verian los resultados y "te rompen la teoria"jajaa
avatar
raul338
Colaborador
Colaborador

Posts : 84
KCoins : 169
Reputación : 0
Fecha de inscripción : 02/09/2009

Premios :
Staff


Ver perfil de usuario http://www.raul338.com.ar

Volver arriba Ir abajo

Re: [JavaScript] Eventos para aplicar en imágenes

Mensaje  invisible_hack el Mar Abr 06, 2010 10:22 am

Ya, bueno, si desactivan JS claro que todo se va al traste xDD

Pero suponemos que no lo hace...

Aunque ultimamente todo esto de diseño y tal tienes razón, se usa mucho más CSS Wink
avatar
invisible_hack
CoAdmin
CoAdmin

Posts : 496
KCoins : 814
Reputación : 7
Fecha de inscripción : 02/09/2009

Staff


Ver perfil de usuario http://www.elrincondeinvisible.blogspot.com

Volver arriba Ir abajo

Re: [JavaScript] Eventos para aplicar en imágenes

Mensaje  Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba


 
Permisos de este foro:
No puedes responder a temas en este foro.