WebSite X5Help Center

 
Ariel P.
Ariel P.
User

Parallax no funciona  es

Autor: Ariel P.
Visitado 1259, Followers 1, Compartido 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

Publicado en
14 RESPUESTAS - 3 úTIL
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(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/es/post/250796 )

.

ciao

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Ariel P.
Ariel P.
User
Autor

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

Leer más
Publicado en de Ariel P.
CARLOS AMARAL
CARLOS AMARAL
Moderator
Usuario del mes ESUsuario del mes PT

Hola Ariel,

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

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

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

Saludos colega!

Carlos A.

Leer más
Publicado en de CARLOS AMARAL
Ariel P.
Ariel P.
User
Autor

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

Leer más
Publicado en de Ariel P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Ariel P.
Ariel P.
User
Autor

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

Leer más
Publicado en de Ariel P.
Ariel P.
Ariel P.
User
Autor

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

Gracias

Leer más
Publicado en de Ariel P.
CARLOS AMARAL
CARLOS AMARAL
Moderator
Usuario del mes ESUsuario del mes PT

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.

Leer más
Publicado en de CARLOS AMARAL
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
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>

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Claudio D.
Claudio D.
Moderator
Usuario del mes 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".
Leer más
Publicado en de Claudio D.
Ariel P.
Ariel P.
User
Autor

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.

Leer más
Publicado en de Ariel P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

ciao

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Ariel P.
Ariel P.
User
Autor

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

Leer más
Publicado en de Ariel P.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... OK ... ciao ...

Leer más
Publicado en de  ‪ KolAsim ‪ ‪