Javascript - Efecto rollover
Códigos Javascript
Sencillo codigo para aplicar el efecto llamado rollover sobre imagenes
Tutores.org
Mostrando Codigo - Javascript
EXPLICACION
Debemos modificar
imagen1.gif por la imagen que deseemos, teniendo en cuenta que la imagen que reemplazara a esta al pasar el mouse por encima debe llamarse imagen2.gif
Este es el funcionamiento del script, del valor de la imagen modifica el 1 por el 2
CODIGO
# Codigo ofrecido por Tutores.org
- <html>
- <head>
- <script language="javascript">
- <!--
- function imageswap(imgx){
- var name=imgx.src;
- var leng = eval(name.length) - 5;
- var num=name.charAt(leng);
- if(num==1){
- name = name.replace(1,2);
- }
- else{
- name = name.replace(2,1);
- }
- imgx.src=name;
- };
- //-->
- </script>
- </head>
- <body>
- <img src="/images/imagen1.gif" onMouseOut="imageswap(this);" onMouseOver="imageswap(this);">
- </img>
- </body>
- </html>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Efecto rollover" href="http://www.tutores.org/codigo/494/" target="_blank">Efecto rollover</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Efecto rollover" href="http://www.tutores.org/codigo/494/" target="_blank">Efecto rollover</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
jose
01-12-2007 02:22:42
2
5
no entiendo esto, en la explicacion dice que hay que sustituir imagen1.gif por mi imagen, alli esta bien,despues dice sustituir imagen2.gif y no hay ni una parte del codigo que diga imagen2.gif, no se si se refiere al que dice imageswap(this), pero aun asi no me sale, alguien que me ayude
Comentario usuario
MazabelMazabel
4
5
Bueno amigos, acabo de realizar el mismo codigo.. que esta expuesto y cree la carpeta tal cuali de imagenes con los nombres imagen1.gif, imagen2.gif funciona.
No hay que hacer ningún cambio, solo es hacerlo como esta .
Agradezco a la persona que hice este ejercicio inicialmente me saco de un apuro....
excelente.
Si me gustaria, saber como hacerlo para varias imagenes. Graci
No hay que hacer ningún cambio, solo es hacerlo como esta .
Agradezco a la persona que hice este ejercicio inicialmente me saco de un apuro....
excelente.
Si me gustaria, saber como hacerlo para varias imagenes. Graci
INSERTAR COMENTARIO