Problema parallasse Chrome su Android
Author: Gabriele R.
Visited 2365,
Followers 2,
Shared 0
Uso website evo15.
Utilizzando il template MYROSERMARY su chrome android la foto in parallasse di ogni pagina (la principale) non funziona.
O non appare o cambiando le impostazioni appare ma senza effetto parallasse.
Esiste una soluzione ? Quali settaggi devo impostare ?
Il sito in questione è www.bebcentral.com
Grazie mille e tutti
Posted on the
Author
Credo di aver scoperto il perché ma non so soluzionarlo.
Myrosemary è stato creato con la versione 13, utilizzandolo con la 15 l'effetto parallasse di prima immagine di ogni pagina non funziona,testato con il template base uppato sul mio server www.bebcentral.com/PROVA
Invece quello sul server incomedia (immagino uppato con la 13) funziona alla perfezione
https://livepreview.incomedia.eu/projects/v13/601_myrosemary/index.html?_ga=2.249128195.524597904.1525316536-1643133871.1525041672
Sto sempre parlando di chrome su android.
Come posso risolvere ? La maggiuor parte delle persone da smartphone Android usa Chrome.
Grazie.
... se intendi sul tuo sito l'immagine dove c'è la scritta "strategic" ... io col mio tablet Android con chrome vedo l'effetto parallasse...
Lo hai provato anche con altri dispositivi ?
Author
intendo tutti le prime immagini di ogni pagina, esempio:
nella home la immagine dove c'è la scritta IN THE HEART OF THE CITY
in about la immagine dove c'è la scritta ABOUT B&B CENTRAL
in rates la immagine dove c'è la scritta DISCOVER OUR RATES AND SERVICES
in photos la immagine dove c'è la scritta PHOTO GALLERY
in contact la immagine dove c'è la scritta CONTAC US AND BOOK YOUR ROOM
Quella vanno inserite in proprietà nella maschera creazione della mappa danno il problema, quelle che vanno inserite in stile righe nelle singole pagine funzionano.
Ho provato vari dispositivi con chrome.
Buongiorno Gabriele,
se utilizzi le immagini come sfondo della pagina, l'opzione "immagine id sfondo fissa" non è supportata dai browser su dispositivi mobile e quindi non si vede correttamente.
Author
Non per essere insistente, ma se provi a controllare il vostro sito ROSEMARY con chrome android:
https://livepreview.incomedia.eu/projects/v13/601_myrosemary/index.html?_ga=2.249128195.524597904.1525316536-1643133871.1525041672
il parallasse nella prima immagine funziona.
se provi lo stesso sito esportato da me con evo15 invece non funziona:
https://www.bebcentral.com/PROVA
Non potrebbe essere un problema nella conversione ?
che settaggi dovrei mettere per farla funzionare ?
...!... il tuo link da errore HTTPS ...!...
... comunque, in HTTP, ...la 1^ immagine scrolla con la pagina, e non funziona come nell'originale con parallasse fisso...
... dovrebbe ripetere il TEST chi può farlo ed ha i due programmi, almeno la v.15, per un confronto...
.
Author
esatto, esportato col 15 la immagine è fissa.
esportato da voi (immagino con il 13) la immagine scrolla.
un problema di esportazione nelle versioni successive alla 13.
esiste una soluzione ?
Author
Buongiorno Gabriele,
è possibile che su alcuni dispositivi l'immagine non scrolli anche con la versione 13. Usando nuove tecnologie con la versione 15 alcune proprietà non vengono interpretate correttamente da alcuni browser. Ci hanno già riportato questa anomalia che è stata passata al nostro team per tenere d'occhio la situazione.
Nel caso specifico non usare l'immagine di sfondo fissa o l'effetto parallasse che su mobile non è gestito correttamente.
Author
Ho gia eliminato l'immagine fissa infatti si vede.
L'effetto parallasse come ho gia detto funziona sul vostro Rosemary ma non funziona nel mio sito, magari dia questa informazione al suo team così possono risolvere.
Altra info, con firefox per android funziona alla perfezione.
Author
Sto provando a scaricare il template MYROSEMARI full per fare uleriori prove, mi dice sempre "non è stato possibile completare lo scaricamento".
Ho provato a reinstallare website, nemmeno così.
che succede ?
Buongiorno Gabriele,
ho provato a visualizzare la livepreview e il comportamento è sempre lo stesso. L'immagine di sfondo appare zoommata.
Se tu visualizzi bene la livepreview prova a comunicarmi che dispositivo e browser stai usando. allega anche uno screen del telefono se riesci.
Fammi sapere.
Author
Si è vero, appare zoommata però l'effetto parallasse funziona.
Con la versione 15 appare zoommata e fissa,senza nessun effetto scrolling, non so se mi sono riuscito a spiegare.
Buongiorno Gabriele,
si, hai spiegato perfettamente il problema. A me anche con la versione presente sul Marketplace risulta sempre fissa e senza effetto parallasse. E' proprio il browser e il dispositivo che possono interpretare diversamente questo effetto.
Ti confermo che ho segnalato la cosa al nostro team di sviluppo ma per il momento non ci sono soluzioni se non quella di togliere l'opzione "immagine di sfondo fissa".
Author
Qualche idea su come modificare la pagina senza impazzire troppo e renderla bella anche per dispositivo mobile con android chrome ?
Grazie per il tuo tempo
...!... in EXTRA ci sarebbe la mia invenzione+maximage, ma non posso verificare il tuo LINK per valutare il da farsi: https://www.bebcentral.com/prova/sitemap.xml
...!!!... in HTTP non fuziona più ed in HTTPS mi da questo messaggio di errore! sia su Ch che su Ff:
[X] La connessione non è privata
Gli autori di un attacco potrebbero cercare di rubare le tue informazioni (ad esempio password, messaggi o dati della carta di credito) da www.bebcentral.com.
NET::ERR_CERT_COMMON_NAME_INVALID Segnala automaticamente a Google dettagli dei possibili incidenti di sicurezza. Norme sulla privacy
.
Author
prova a verificare direttamente il mio sito
www.bebcentral.com
la cartella prova la cancello
... sì, questo secondo link funziona...
... allora prova la mia accoppiata di invenzioni, uniche! ...potenti, semplici e flessibili...
... copia questo >> codice (temporaneo!) ...ed incollalo nel pannello ESPERTO | Codice personalizzato | Prima della chiusura del TAG <HEAD>
... se fai come detto dovresti poter provare e vedere subito l'effetto che ne scaturisce...
... controlla anche sul "mobile"...
... quando avrai fatto avvisa che andrò a controllare, e nel caso poi ti dirò, se fosse necessario, le personalizzazioni da adottare relativamente alla tua directory...
.
Author
ho fatto come dici tu ovviamente utilizzando il server che mi ospita il sito e personalizzando pagina per pagina.
FUNZIONA alla perfezione desktop e anche mobile chrome, grande !!. Davvero non so come ringraziarti !
Ho sistemato il file robot.txt per non far vedere ai motori gli html contenuti in "componenti" e anche i siti in altre lingue, se ti va controlla, magari ho fatto un pasticcio.
Grazie ancora, grazie a te ho finito il nuovo sito del mio B&B.
... perfetto, ...ottimo! ...... quel che mi ha fatto più piacere, è che hai capito ed applicato al volo la potenza che ti avevo preannunciato...
(... il codice del mio iframe dinamico potresti utilizzarlo anche con slideshow di terze parti...)
.
Author
si il tuo script è fantastico...
ora ho un'altro problema, magari in questo thread è off topic..
dopo 3 giorni che ho uppato il sito google lo aveva indicizzato in prima pagina con la chiave B&B avana.
ora misteriosamente riappare il link al vecchio sito (restituendo un codice 404), ho messo una pezza ricreando la vecchia root e piazzandoci dentro un redirect, ma non credo sia una cosa fatta bene.
che sarà successo ? tutto funzionava alla grande.
come google dopo aver indicizzato un sito nuovo ed esistente decide di eliminarlo e rimettere nella serp un sito che riporta un 404 ?
Author
Analizzando a fondo il problema si presenta sono con le ricerche fatte dall'Italia, facendo ricerche da vari paesi in lingue diverse il sito nuovo è presente e ben posizionato.
Forse devo solo aspettare. Ma che strano....
... per non perdere l'indicizzazione acquisita, nella directory dove si trovava la vecchia pagina individuata da google, per esempio "nome_pagina.html", e non più esistente (404), posiziona una pagina custom con lo stesso precedente nome, sempre "nome_pagina.html", seguento questa procedura:
... realizzazione della pagina CUSTOM EXTRA; ...nel blocco note di Windows incolla questo testo:
<!DOCTYPE html><!-- HTML5 --><html><head>
<meta http-equiv="refresh" content="0; url=NuovoPercorso/nomeNUOVA_pagina.html" />
</head><body > <center>... ... pagina in apertura... ...
</center></body></html>
... dove "NuovoPercorso/nomeNUOVA_pagina.html" è la pagina NUVA che vuoi far aprire in sua vece, (oppure metti un nome diverso di una delle pagine attuali), ...così come detto prima non perderai l'indicizzazione acquisita e farai rimanere i visitatori nel tuo sito...
... in questa pagina del Blocco Note, dal menu del blocco note stesso effettua SALVA | SALVA COME | TUTTI I FILE | NOME FILE >> nome_pagina.html
... controlla che il file salvato si chiami veramente nome_pagina.html ...(stesso nome ed estensione del file originale che andrà a sostituire) ...ed invialo nella stessa diretory del file precedente nel Sito con client FTP terzo, o con il fileManager del server, o con FTP del browser o come preferisci tu, ...e così puoi fare anche con altre pagine diventate obsolete, personalizzando il codice col nome e percorso relativo alle pagine vecchie che risultassero già indicizzate... ...
... in poche parole si tratta si un semplice copia/incolla, ... e via...
(... dopo un paio di mesi, se vuoi, questa/e pagina/e custom di risulta la/le potrai eliminare...)
_______+_Lato Server | .HTACCESS________________
... per piattaforma Apache/Linux devi informarti in rete sul file lato server ".htaccess", per esempio qui: http://www.webste.it/errore-404.html
... una semplice stringa preferibilmente da editare senza fare errori o danni con lo stesso FileManager del server:
ErrorDocument 404 /la-mia-pagina-404-personalizzata.html
.
... chiudi questo Topic, e nel caso, per argomenti diversi, meglio aprirne di nuovi a tema ... ciao...
.
Author
Ancora grazie, sei una fonte inesauribile di preziose informazioni.
Chiudo il topic.
Author
Salve Kolasim
Ti scrivo riguardo al potente script che mi hai insegnato ad utilizzare.
Se passo il sito in htts lo script non funziona, per ora ho rimesso tutto senza https in attesa di consultarmi con te.
Che modifiche suggerisci per ovviare il problema ?
Thank.
... non so se ho capito, ma non c'è bisogno di usare la radice HTTP: oppure HTTPS: nei percorsi,...pot endosi usare la path relativa, che è meglio, ...però i risultati li vedrai in RETE e non più in Anteprima, e non interferirà con il protocollo del sito...
1) ... dove nel codice vedi:
background-image: url('http:eccetera/loader.gif');
... correggerai in:
background-image: url('loader.gif');
... in questo caso il file loader.gif deve stare nella ROOT del sito...
2) ... dove nel codice vedi:
src='http://eccetera/nomepagina.html'
src="http://eccetera/images/1.jpg"
... correggerai in:
src='nomepagina.html'
src="images/1.jpg"
... anche in questo caso il file nomepagina.html deve stare nella ROOT del sito, ...ed 1.jpg nella cartella images dove è di già
... anche loader.gif potresti metterlo con le altre immagine e nel caso la path sarà:
imges/loader.gif
.
ciao
Author
Grazie, ho corretto tutto mettendo https al posto di http.
tutto funziona alla grande.
grazie ancora.
Gabriele
... OK ...