Foros del Web » Creando para Internet » HTML »

Efecto enlace que al pasar por arriba se aclara

Estas en el tema de Efecto enlace que al pasar por arriba se aclara en el foro de HTML en Foros del Web. Hola!! He vista en varias páginas ( http://www.ciudadfutura.com/photoshop/ por ejemplo) que al pasar por arriba de una imágen que enlaza a algo esta se aclara. ...
  #1 (permalink)  
Antiguo 09/08/2003, 21:50
 
Fecha de Ingreso: noviembre-2002
Mensajes: 369
Antigüedad: 21 años, 5 meses
Puntos: 0
Efecto enlace que al pasar por arriba se aclara

Hola!! He vista en varias páginas (http://www.ciudadfutura.com/photoshop/ por ejemplo) que al pasar por arriba de una imágen que enlaza a algo esta se aclara. Supongo que se hace con CSS o JS pero no se como. Me diarian por favor?

Gracias!!
  #2 (permalink)  
Antiguo 10/08/2003, 01:50
 
Fecha de Ingreso: noviembre-2002
Ubicación: Elche
Mensajes: 548
Antigüedad: 21 años, 5 meses
Puntos: 0
onmouseover="this.style.filter='alpha(opacity=60)' "
onmouseout="this.style.filter='alpha(opacity=100)' "

puedes ver el resultado en:

www.shirohelmet.com

Cualquier versión(español, inglés)

Picas en cascos y puedes verlo al pasar el cursor sobre ellos.

Otras fórmula que empleo es crear dos gif (uno más claro y el otro más oscuro)... uno lo coloco incialmente y el otro hago un preload. Después los controlo igual que en lo anterior ("onmouseover y onmouseout"). Al hacer el preload no hay tiempo de descarga por lo que el efecto queda bastante bien.

Espero haberte ayudado.

Saludos
  #3 (permalink)  
Antiguo 10/08/2003, 03:44
Avatar de ferny
Il capo della mafia
 
Fecha de Ingreso: febrero-2002
Ubicación: Al final del cable
Mensajes: 10.080
Antigüedad: 22 años, 1 mes
Puntos: 55
Nota: sólo funciona en IExplorer 5+
__________________
www.mundodivx.com || www.mundodivx.org

Pon tu mano en un horno caliente durante un minuto y te parecerá una hora.
Siéntate junto a una chica preciosa durante una hora y te parecerá un minuto.
Eso es la relatividad.
  #4 (permalink)  
Antiguo 10/08/2003, 06:13
 
Fecha de Ingreso: noviembre-2002
Ubicación: Elche
Mensajes: 548
Antigüedad: 21 años, 5 meses
Puntos: 0
Es cierto. Se me olvidó mencionarlo.

Para Netscape se hace así.

document.getElementById(tu_id)filters.alpha.opacit y=opacidad_que_tu_quieras;

Una rutinita para controlar el navegador y ya ta!!


Gracias por el apunte Ferny.

Saludos
  #5 (permalink)  
Antiguo 10/08/2003, 06:24
Avatar de ferny
Il capo della mafia
 
Fecha de Ingreso: febrero-2002
Ubicación: Al final del cable
Mensajes: 10.080
Antigüedad: 22 años, 1 mes
Puntos: 55
¿Funcionan los filtros en Nescafé? ¿Lo has probado?
__________________
www.mundodivx.com || www.mundodivx.org

Pon tu mano en un horno caliente durante un minuto y te parecerá una hora.
Siéntate junto a una chica preciosa durante una hora y te parecerá un minuto.
Eso es la relatividad.
  #6 (permalink)  
Antiguo 10/08/2003, 06:31
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 7 meses
Puntos: 381
Netscape no reconoce los filters. Hay que usar el -moz-opacity dándole un porcentaje como valor
  #7 (permalink)  
Antiguo 10/08/2003, 12:50
 
Fecha de Ingreso: noviembre-2002
Ubicación: Elche
Mensajes: 548
Antigüedad: 21 años, 5 meses
Puntos: 0
www.agshoes.com

Entras en EMPRESA/INSTALACIONES y picas"Ir a página-2" .

La rutinilla la he hecho como os he dicho y a mi me funciona.

Para probar Netscape tengo la version 7.0

Decirme si lo veis bien.

Gracias y saludos
  #8 (permalink)  
Antiguo 10/08/2003, 12:57
 
Fecha de Ingreso: noviembre-2002
Ubicación: Elche
Mensajes: 548
Antigüedad: 21 años, 5 meses
Puntos: 0
document.getElementById(El_id).style.MozOpacity = alfa / 100', 100

Ostras, era verdad. Lo tenía hecho con MozOpacity.

Perdonad pero es que lo hice hace tiempo y no recordaba. Ahora al mirar con detenimiento el código fuente me he dado cuenta. Además recuerdo que me dio bastantes problemas.

Perdona Ferny pero tienes toda la razón

Saludos.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:42.