Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] Efecto transicion de imagenes traslucido

Estas en el tema de Efecto transicion de imagenes traslucido en el foro de HTML en Foros del Web. Buen día. Me gustaría saber si el efecto de la siguiente página es posible hacerlo en HTML con DW8. Y aprovechando, si me pudieran orientar ...
  #1 (permalink)  
Antiguo 26/03/2013, 21:30
 
Fecha de Ingreso: julio-2011
Mensajes: 47
Antigüedad: 12 años, 9 meses
Puntos: 0
Efecto transicion de imagenes traslucido

Buen día. Me gustaría saber si el efecto de la siguiente página es posible hacerlo en HTML con DW8. Y aprovechando, si me pudieran orientar en el nombre correcto de tal efecto, porque lo he estado buscando y unos lo llaman Transición de imágenes, otros Trasposición, Otros Traslucido, etc..

Gracias de antemano.
El link de la página con el efecto http://incredibletypes.com/
  #2 (permalink)  
Antiguo 27/03/2013, 07:56
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 1 mes
Puntos: 1826
Respuesta: Efecto transicion de imagenes traslucido

Una transición es simplemente pasar de una imagen a otra. Si cambia de repente es simplemente una transición directa. En este caso es una transición con disolvencia.

La transición consta de 2 partes,
1) Sustituir una imagen por otra (transición)
2) Hacerlo poco a poco (disolvencia), pero hay otras varias, moverla de derecha a izquierda, de un lado a otro, con cuadritos, con cubos volando, etc.
Y en este caso una variable, la rapidez en que cambia de una a otra (duración) y el plus de que aparece el cuadrito con texto.

Busca por internet con "traisition efects javascript", "transition efects jquery" y "transition efects css"

Hay diferentes maneras de solucionarlo. La que escojas dependerá de diferentes aspectos del proyecto.

Y la segunda pregunta. No se hace con html, se hace con Css y también se puede con JavaScript directo o con la librería Jquery. Usar Dw8 es lo de menos.
  #3 (permalink)  
Antiguo 28/03/2013, 09:55
 
Fecha de Ingreso: julio-2011
Mensajes: 47
Antigüedad: 12 años, 9 meses
Puntos: 0
Respuesta: Efecto transicion de imagenes traslucido

Muchísimas gracias Rafael. Mejor explicado ni en la escuela jejeje. Seguiré tus consejos y empezaré a estudiar al respecto. Muchas gracias nuevamente.

Saludos.
  #4 (permalink)  
Antiguo 28/03/2013, 10:37
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 1 mes
Puntos: 1826
Respuesta: Efecto transicion de imagenes traslucido

Complemento.

Estas transiciones se activan con un evento del ratón.
En inglés Mouse Over, o Mouse Hover.

Esto implica que la mejor manera de hacer esta transición es con un evento Css. a:hover.

No tengo mucho tiempo ahorita, pero revisa por ejemplo esto:
http://www.w3schools.com/cssref/sel_hover.asp
http://www.w3schools.com/css3/css3_transitions.asp
  #5 (permalink)  
Antiguo 29/03/2013, 09:47
 
Fecha de Ingreso: julio-2011
Mensajes: 47
Antigüedad: 12 años, 9 meses
Puntos: 0
Respuesta: Efecto transicion de imagenes traslucido

Al contrario Rafael, De nuevo muchísimas gracias por darte un tiempito para responderme. seguiré tus atinados consejos. Y prometo que me pondré a estudiar todo esto.

Gracias.
  #6 (permalink)  
Antiguo 29/03/2013, 10:00
 
Fecha de Ingreso: julio-2011
Mensajes: 47
Antigüedad: 12 años, 9 meses
Puntos: 0
Respuesta: Efecto transicion de imagenes traslucido

Hola Rafael. Sólo porque tengo una pequeña duda que no logro descifrar. En la página de , CSS3 Transititons, dice que los ejemplos y CSS3 (o al menos eso entendí) no soportan IExplorer. Sin embargo, si puedo verlos en funcionamiento y estoy usando IE V.10 en Windows 7. ¿A qué se refiere cuando dice que no es soportable en IE?.

Gracias de nuevo.
  #7 (permalink)  
Antiguo 29/03/2013, 10:27
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Efecto transicion de imagenes traslucido

Cita:
Iniciado por julg03 Ver Mensaje
¿A qué se refiere cuando dice que no es soportable en IE?.
Las transiciones de CSS funcionan desde IE10: http://caniuse.com/css-transitions

Es una cagada despropósito monumental que funcionen transformaciones 2D en IE9 pero no las transiciones. Pero siendo IE tampoco es algo que nos deba parecer extraño.
  #8 (permalink)  
Antiguo 30/03/2013, 10:16
 
Fecha de Ingreso: julio-2011
Mensajes: 47
Antigüedad: 12 años, 9 meses
Puntos: 0
Respuesta: Efecto transicion de imagenes traslucido

jajaja...OK Rafael...coincido totalmente contigo en que es una cag..."despropósito". Gracias por aclarar el asunto. Por cierto, excelente tablita. Ya me la descargué si no es molestia.

Saludos.
  #9 (permalink)  
Antiguo 30/03/2013, 12:04
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Efecto transicion de imagenes traslucido

Bueno no adelantemos las cosas, igual a Rafael le parece bien.
  #10 (permalink)  
Antiguo 30/03/2013, 20:27
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 1 mes
Puntos: 1826
Respuesta: Efecto transicion de imagenes traslucido

No, no, Bonez, me parece bien.

Etiquetas: efecto, imagenes, link, página, transicion
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 16:54.