#1• No se si es código HTML avanzado, pero bueno: Son unas imagenes que cuando colocas el puntero sobre las imágenes cambian, o sea que sale otra diferente(bueno para que veais a lo que me refiero, en la web www.renno-metal.com, en el menú, al pasar el puntero, las imágenes con el menú pasan de fondo negro a rojo) A ver si me podeis decir el código URL de esas imágenes qu creo que se denominan "flash-images" |
#2• No es ni flash ni HTML, es JavaScript. Te vere sufrir  Y mira que es lo mas facil que puedo explicarlo >_< Son botones hechos con rollovers de dos estados. En un estado el botón esta normal y en el segundo estado la imagen del botón tiene el efecto de brillo y se acciona con el evento OnMouseOver. El codigo es este, a ver si me explico: - Paso 1 - Entre el <head> y el </head> del sitio vas a poner la siguiente funcion Javascript: <SCRIPT languaje="JavaScript"> function mueveimg(img_name,img_src) { document[img_name].src=img_src; } </SCRIPT> - Paso 2 - Cada imagen que quieras que cambie cuando pase el mouse deberas agregarle un parametro name="nombre de la imagen" donde podras ponerle un nombre cualquiera a la imagen (no necesariamente el del archivo) pero que no se repitan. - Paso 3 - Vas a poner como ligas los botones que es donde quieres que al pasar el mouse cambie la imagen con el siguiente formato: <a href="#" onmouseover="mueveimg('nombre que le diste a la imagen','URL de la imagen CON el mouse encima');return true;" onmouseout= "mueveimg('nombre que le diste a la imagen','URL de la imagen SIN el mouse encima');return true;"><img name="nombre que le diste a la imagen" border="0" src="URL de la imagen SIN el mouse encima"></a> (poco lioso ) Consideraciones: - En la liga "nombre que le diste a la imagen" debe ser exactamente el mismo del parametro name="nombre de la imagen" - Debes tener cuidado con las URL de las dos imagenes (con y sin mouse) CASO PRACTICO <!-- Funcion para traslapar las imagenes--> <head> <SCRIPT languaje="JavaScript"> function mueveimg(img_name,img_src) { document[img_name].src=img_src; } </SCRIPT> </head> <body> <!-- Codigo de uno solo de los botones, uno por cada boton --> <a href="#" onmouseover="mueveimg('MiImagen','MiImagenOn.gif');return true;" onmouseout= "mueveimg('MiImagen','MiImagenOff.gif');return true;"><img name="MiImagen" border="0" src="MiImagenOff.gif" width="80" height="80"></a> </body> |
#3• Esta muy bien explicado, el problema esuqe yo soy nuevo en esto....Lo que no se es como ponerle nombre a la imagen, vamos paso 2, y mi web es una php-nuke, habia pensado poner un menú de esos en un bloque...en un nuke donde esta el head?? aunque mejor ponerlo incluido en la web, no en un bloque, como lo tiene www.rafabasa.com ...ayuda |
#4• Te paso a explicar como se puede lograr esos efectos en una forma simple con Dreamweaver. |
#5• Alejandro, la putada esque no tengo el dreamweaver, y el mes de prueba ya lo agoté, por lo que me lo tendría que comprar y ando un poco mal de perras, además es el ordenador de mi padre, donde curra, y no le puedo instalar nada, pero de todas formas muchas gracias! |
#6• llevo 5 veces que escribo la respuesta... ¡bien por Miarroba! |
#7• ¿Pero cuando lo pongo? |
#8• Mira como ejemplo, la imagen que quiero poner con el mouse es http://www.iespana.es/silverfist/fenix_on.jpg y quiero ponerle el nombre "on"; y sin el mouse http://www.iespana.es/silverfist/fenix_off.jpg con el nombre "off" , ¿Que tendría que poner? |
#9• Esas que pusiste son las URL de las imagenes, o sea que quedaria: <a href="#" onmouseover="mueveimg('Imagen01','http://www.iespana.es/silverfist/fenix_on.jpg');return true;" onmouseout= "mueveimg('Imagen01','http://www.iespana.es/silverfist/fenix_off.jpg');return true;"><img name="Imagen01" border="0" src="http://www.iespana.es/silverfist/fenix_off.jpg"></a> Nota: name="Imagen01" debe ser un nombre QUE NO SE REPITA, un nombre para cada imagen. |
#10• Esto no rula... |
[ lo puedes ver en : 
#11• 1.- Por fuerza necesitas la función en el <head>. Revisa, hay un archivo llamado javascript.php que sirve precisamente para agregar funciones de este estilo. 2.- No te lleva a ningun lado porque en href="#" tienes que poner la dirección a donde te llevara el enlace. Con el 2do punto me doy cuenta que no eres muy ducho en HTML, te recomiendo que leas mucho del tema o sino las cosas te seguiran pareciendo demaciado complicadas por mas explicaciones que se puedan dar. |
#12• Esque ni habia leido lo que representaba el código, solo lo que tenía que cambiar, luego lo supuse..... |
#13• Más problemas... |
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un nuevo tema en lugar de responder al actual |
Opciones: Ir al subforo: |
Permisos: TU NO PUEDES Escribir nuevos temas TU NO PUEDES Responder a los temas TU NO PUEDES Editar tus propios mensajes TU NO PUEDES Borrar tus propios mensajes |
| Temas similares | ||||
| Tema | Usuarios | Respuestas | Visitas | Actividad |
|---|---|---|---|---|
Por: juanjin2es, el 23/May/2003, 13:29 | 5 | 13k | May/03 | |
Por: nercadur, el 14/Nov/2003, 14:26 |   | 16 | 57k | Apr/13 |
Por: SebastianSVK, el 24/Nov/2002, 23:10 |    | 13 | 93k | Jan/09 |