WebSite X5Help Center

 
LHNET SW
LHNET SW
User

Tener transiciones de imagenes o imagenes que se sobreponen  es

Auteur : LHNET SW
Visité 1334, Followers 1, Partagé 0  

Hola

Quiero tener en mi website imagenes que se sobreponen unas a otras, o tal vez llamarles transicion de imagenes. Porque he visto paginas web que lucen muy bien con esto.

Existe una funcion para hacer esto?

Existe un objeto para hacer esto?

Aqui escribo un par de URL de ejemplos que tienen este efecto.

Y es lo que necesito en mi website:

https://www.apple.com/macos/big-sur/

https://www.apple.com/mx/homepod-mini/

De antemano muchas gracias y quedo en espera de sus valiosos comentarios

Posté le
7 RéPONSES
LHNET SW
LHNET SW
User
Auteur

Una cosa mas. El efecto es cuando se hace scroll

Lire plus
Posté le de LHNET SW
CARLOS AMARAL
CARLOS AMARAL
Moderator

Estimados...  me dejan dudando jajaja...  ya que entro a las dos paginas y ni en firefox ni en chrome veo animaciones...

(sera por algo del proxy de mi trabajo? jajaja)

Saludos!

Lire plus
Posté le de CARLOS AMARAL
Jorge M.
Jorge M.
Moderator
Carlos Amaral
Estimados...  me dejan dudando jajaja...  ya que entro a las dos paginas y ni en firefox ni en chrome veo animaciones... (sera por algo del proxy de mi trabajo? jajaja) Saludos!

Colega debes darle a la ruedita del ratón, la animación ocurre cuando bajas o subes. De todas maneras aquí tienes un ejemplo en video: https://ovdivi.com/como-crear-un-efecto-de-animacion-tipo-airpods-pro-de-apple-con-wordpress-y-divi/

Saludos

Jorge M.

Lire plus
Posté le de Jorge M.
LHNET SW
LHNET SW
User
Auteur
Jorge M.
Hola LHNET SW Es una animación muy compleja, pero asumo que si tienes paciencia lo lograrás. WebSite X5 no la dispone de manera directa. Revisa este tópico: https://juanoa.com/desarrollo/haciendo-animaciones-como-las-de-la-web-de-apple/ En esa página te explican el proceso y te dan el código. Saludos Jorge M.

Gracias Jorge por tu respuesta. Veo que es muy compleja la animacion pero podria empezar a probar con algo sencillo. Ademas gracias por tomarte el tiempo de enviar una URL con el topico.

Dejare un par de diás más abiertos los comentarios por si alguien mas quisiera comentar algo adicional.

Saludos!

Lire plus
Posté le de LHNET SW
LHNET SW
LHNET SW
User
Auteur
Carlos Amaral
Estimados...  me dejan dudando jajaja...  ya que entro a las dos paginas y ni en firefox ni en chrome veo animaciones... (sera por algo del proxy de mi trabajo? jajaja) Saludos!

Así es Carlos, por alguna razón esta animacion no se despliega correctamente en algunos navegadores web. Yo en mi iPhone 7 solo veo 1 de las 2 animaciones y no se la razon de esto.

En un iPhone 6 que tengo si se ven bien.

Tuve que abrirlas en mi Pc con Windows y en diferentes navegadores porque pasa lo mismo, en unos navegadores web si se ve la animacion y en otros no.

Tal vez sea algo de memoria cache o algo asi.

Saludos!!

Lire plus
Posté le de LHNET SW
CARLOS AMARAL
CARLOS AMARAL
Moderator

Tal cual colegas, miren, asi la veo en Chrome, Firefox y Edge... (en mi trabajo, que usamos proxy), y todo eso esta fijo, sin video de fondo ni nada...

Vaya a saber la cantidad de cosas graficas que me estaba perdiendo de otras paginas y recien me entero jajajajaa

Voy a investigar...

EDITADO: acabo de probar en el cel, y ahi si se ve la animacion, por lo que seguro aca en el trabajo hay cosas que no pasan por el proxy.

Lire plus
Posté le de CARLOS AMARAL