WebSite X5Help Center

 
Ariel P.
Ariel P.
User

Parallax no funciona  es

Auteur : Ariel P.
Visité 1297, Followers 1, Partagé 0  

En 2020 hice una web con una plantilla de website con efecto parallax y al subirla a la web funcionaba bien en la Pc pero no en los teléfonos móvil, asumi la perdida de tiempo y realize otra página sin parallax.

Luego de 2 años quise modernizar la web y encontre una plantilla de website que la adapte para mi actividad, grande es la desilución cuando la subo a internet y me doy cuenta que no funciona en los teléfonos móviles, pasaron 2 años y no solucionaron e problema.

Para mi son todos contratiempos, no anda el parallax, no se puede trabajar con Mercado Pago, por lo tanto debí cancelar la venta por internet, cuando quise comprar la actualización de 2022 lo increible es que no puedo usar la tarjeta de credito, los responsables en Argentina para el cobro no me dan solución, estoy usando la misma tarjeta que habitualmente hago compras en otros paises.

Para resumir ¿porque el efecto parallax funciona bien en Pc y no en el móvil?, a esta altura deberían encontrar una solución.

https://www.ar-tel.com.ar

gracias

Posté le
14 RéPONSES - 3 UTILE
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

(It > Es) ... ... con v.PRO  puede agregar un punto de interrupción adicional a 320 px, lo que podría resolver el problema...

(... sino podrías usar y adaptar un invento mío EXTRA que encuentras aquí:
https://helpcenter.websitex5.com/fr/post/250796 )

.

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Ariel P.
Ariel P.
User
Auteur

Hola KolAsim, con la interrupción a 320 px no funciona el parallax, quedaría probar tu invento, abrí con el teléfono móvil las distintas páginas que pones como ejemplo y funcionan.

Hasta anoche pensaba que con Android no habría solución porque descubri que las páginas realizadas por diseñadores web de Guru (pertenece a Google de Argentina) también fallan con los teléfonos móviles.

Si me puedes indicar como agregar tu invento, bienvenido sea.

Muchas gracias

Lire plus
Posté le de Ariel P.
CARLOS AMARAL
CARLOS AMARAL
Moderator

Hola Ariel,

La solución de KolAsim esta al final del link que te ha pasado el... 

https://helpcenter.websitex5.com/fr/post/250796

Los dos ultimos post son, el codigo que tienes que usar, y donde lo tienes que ingresar.

Saludos colega!

Carlos A.

Lire plus
Posté le de CARLOS AMARAL
Ariel P.
Ariel P.
User
Auteur

Como está en italiano no entiendo, solo entendí que en mapa, propiedades, avanzado, antes del cierre head, pero en esa opción tengo colocado la página canonica para Google.

Gracias Carlos

Lire plus
Posté le de Ariel P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

después de la línea de "canonical"  en la siguiente línea, pegue este código:

<style>
/** -- sfondo fisso by KolAsim -- **/
#imPageRow_2,#imPageRow_6,#imPageRow_9 {opacity:0.8}
#imPageRow_4 { background:orange !important ;opacity:0.8}
#imPageRowGraphics_3 { background:transparent url("") !important }
</style>
<script>
$( document ).ready(function() {//K
divK='<div id="contenitoreK" style="position:fixed; top:0px; width:100%; height:100%; z-index:-1;"><div id="div_customK" style="position:absolute; top:0px; width:100%; height:100%; z-index:-1; background-repeat:no-repeat; background-image:url(\'https://www.ar-tel.com.ar/images/Netyer-Serie-M.jpg\'); -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position: top center;"></div></div>';
document.body.innerHTML += divK;
}); //K<<
</script>

...........................

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Ariel P.
Ariel P.
User
Auteur

Probe la sugerencia y da como resultado que en la Pc, las filas 1 a la 8 quedan transparentes.

Lo que necesito es que solo la fila 2 sea transparente, como se ve actualmente en la Pc, así quisiera que funcione en los teléfonos móviles.

Gracias KolAsim

Lire plus
Posté le de Ariel P.
Ariel P.
Ariel P.
User
Auteur

Perdón, solo es la fila 3 la que debe quedar transparente.

Gracias

Lire plus
Posté le de Ariel P.
CARLOS AMARAL
CARLOS AMARAL
Moderator

Ariel,

Aqui en el foro veras comentarios en muchos idiomas que son muy interesantes... 

te recomiendo Google Translator para esos casos y te será de mucha ayuda...

Saludos colega!

Carlos A.

Lire plus
Posté le de CARLOS AMARAL
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT
Ariel P.
Perdón, solo es la fila 3 la que debe quedar transparente. Gracias

<style>
/** -- sfondo fisso by KolAsim -- **/
#imPageRowGraphics_3 { background:transparent url("") !important }
#imPageRow_7 { background:white !important }
</style>
<script>
$( document ).ready(function() {//K
divK='<div id="contenitoreK" style="position:fixed; top:0px; width:100%; height:100%; z-index:-1;"><div id="div_customK" style="position:absolute; top:0px; width:100%; height:100%; z-index:-1; background-repeat:no-repeat; background-image:url(\'https://www.ar-tel.com.ar/images/plaqueta-a-t-200-con-fondo.png\'); -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position: top center;"></div></div>';
document.body.innerHTML += divK;
}); //K<<
</script>

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Claudio D.
Claudio D.
Moderator
Meilleur utilisateur du mois IT
CARLOS AMARAL
Ariel, Aqui en el foro veras comentarios en muchos idiomas que son muy interesantes...  te recomiendo Google Translator para esos casos y te será de mucha ayuda... Saludos colega! Carlos A.

click col destro nei browser ... "traduci... "

  • right-click in the browser, "translate".
Lire plus
Posté le de Claudio D.
Ariel P.
Ariel P.
User
Auteur

Grcias KolAsim, gracias Carlos y Claudio por la ayuda, al poner en uso la sugerencia y controlar en los teléfonos móviles, lamentablemente no funciona, por lo tanto volví a la opción anterior.

Lire plus
Posté le de Ariel P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

... Lo siento, no importa, ... pero el sitio en el enlace que te publiqué todavía funciona ...

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Ariel P.
Ariel P.
User
Auteur

Felicitaciones KolAsim, logré que funcione tu invento, cambie la imagen PNG y coloque una JPG.

Ahora funciona correcto, la voy a aplicar en las otras páginas del mismo web.

Gracias, gracias, gracias

Lire plus
Posté le de Ariel P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

... OK ... ciao ...

Lire plus
Posté le de  ‪ KolAsim ‪ ‪