WebSite X5Help Center

 
Mauro I.
Mauro I.
User

Visualizza foto come sfondo su Android correttamente, ma non su iOS con iPhone, iPad  it

Auteur : Mauro I.
Visité 2260, Followers 1, Partagé 0  

Entrando in MAPPA, Proprietà della Pagina/Grafica  ed impostando una Immagine in "File immagine" 

come sfondo per la Pagina...

Questa immagine non viene visualizzata bene su PC, portatili su piattaforma Windows mentre non vengono visualizzati correttamente dai sistemi basati su iOS, come iPad, iPhone ecc.

Cosa devo fare ?

Posté le
27 RéPONSES - 1 UTILES
Mauro I.
Mauro I.
User
Auteur

Grazie  Claudio D. 

Faccio la seguente considerazione:

1. se è un problema relativo al dimensionamento dell'immagine il problema lo dovrei riscontrare anche su Android. Invece sia su Pc con Windows 7, su Huawei Y330 con risoluzione 480X800 con RAM 512 ( max. min. )il problema suddetto non esiste! E' tutto ok !

2. Passando su iPad, e su iPhone si presenta il problema.

3. Prima che effettuassi delle modifiche sul Responsive, funzionava tutto perfettamente anche su iPad

Ho cambiato soltanto un minimo di predisposizione degli oggetti in Footer. Ho Aggiornato tutto sul Web ed ecco la sorpresa.

Questa la sequenza dei passaggi. 

A Voi Staff...

Lire plus
Posté le de Mauro I.
Mauro I.
Mauro I.
User
Auteur

Scusate... Aggiungo che gli Sfondi personalizzati per Pagina hanno un peso di max. 220 Kb.

Grazie a presto.

Lire plus
Posté le de Mauro I.
Mauro I.
Mauro I.
User
Auteur

? NON RISOLTO !

Lire plus
Posté le de Mauro I.
Mauro I.
Mauro I.
User
Auteur

Grazie.

Volevo aggiungere altra nota interessante. Mi accorgo che su iPad il sito in oggetto presenta per una frazione di secondo l'Immagine Corretta... dopo la Adatta in modo non corretto.. Stranissimo.. ma solo su iOS, su Android è tutto perfetto...

A presto.

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

... intanto che si attende lo STAFF... ... .. .. . . .

... il mio esempio  nel secondo dei link di Claudio, >> DIV_CUSTOM, ... come si comporta...?...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Incomedia
Riccardo P.
Incomedia

Buongiorno Mauro,

potresti esportare il sito su internet, anche in una sotto cartella, così da comunicarmi l'url e poter verificare per favore?

Fammi sapere.

Lire plus
Posté le de Riccardo P.
Mauro I.
Mauro I.
User
Auteur

Certo Riccardo. Ho appena pubblicato.

http://www.piacereegusto.it

ANOMALIA che secondo il mio modesto parere, e lo potrai verificare da solo, non è da attribuire al peso dell'immagine, percorso o altre cose che ho letto nei vari Post di riferimento.

Poichè l'anomalia si presenta solo con sistemi iOS quindi iPad, iPhone e non su Windows o Mobile Android.

Grazie a presto!

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

... tanto per saperlo, il mio div_cutom funziona sui tuoi dispositivi mobile ...?...

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Mauro I.
Mauro I.
User
Auteur

Ciao Kol, non ho provato. Penso che la Versione 13 si porta dietro un vecchio problema dalla versione precedente quindi non capisco perchè ad oggi non sia stato risolto.

Se in "Proprietà" della Pagina Home, andando nella sezione "Grafica" ho selezionato le seguenti voci:

- File Immagine : pippo.jpg

- Disposizione   : Adatta al Contenuto della finestra

- Allineamento  : Centro

Mi aspetto che sia il Mobile Android(che lo esegue perfettamente)  che il Mobile iOS(NON lo esegue) rispondano nello stesso modo.

Problemi di iOS di interpetrare correttamente i CSS/HTML5 ???

In attesa che lo Staff risolva definitivamente questa BUG, ho momentaneamente inserito una JPG più larga

con Disposizione "Non ripetere" e Allineamento "Alto". In questo modo penalizzo tutto il mondo Android per sopperire

al disatro su iOS.

Dimenticavo altra ANOMALIA su iOS:

in "Stile Riga" con oggetto T (Testo) se mettete "Sfondo" scelta "Colorato" quindi "Colore" = "Nero", "Opacità" = 50

noterete che su Android risponde perfettamente... Su iOS invece risulta un "Colore diverso". 

Grazie Kol per la tua disponibilità !

P.S. speriamo bene e che sia risolvibile presto, è veramente un peccato

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

... ormai per il problema dovrai attendere lo STAFF che potrebbe verificare su quei dispositivi che hai menzionato, ed avvisare l'area tecnica per risolvere...

... quando e se potrai provare il comportamento del mio link per averne io conferma o meno, te ne sarò grato; ...io purtroppo posso solo provare su un mini tablet Win-Edge, dove funziona tutto, Flash compreso... ... ciao

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User

Nell'articolo che ho menzionato sopra si legge,  per quanto riguarda iOS:

". . .  Il primo problema è determinato da una non interpretazione del parametro background-attachment: fixed che normalmente utilizziamo come valore per caricare le nostre immagini di sfondo fullsize di pari passo al parametro background-size: cover come vediamo in figura... ecc"

Lire plus
Posté le de Giuseppe Guida
Claudio D.
Claudio D.
Moderator
Meilleur utilisateur du mois IT

Articolo molto interessante ! Grazie Giuseppe.

Lire plus
Posté le de Claudio D.
Giuseppe Guida
Giuseppe Guida
User

Prego Claudio. La "toppa" proposta dall'autore dell'articolo per il problema delle immagini funziona molto bene. Nell'articolo parla di spazi bianchi visibili sui dispositivi iOS al posto delle immagini ma non sempre si vedono solo spazi bianchi,  spesso l'immagine risulta ingrandita a dismisura e si vede sgranata. Tale toppa funziona anche in quel caso. Io ero curioso di sapere come appariva su iOS l'immagine posta come sfondo per l'effetto parallax nella nuova versione 13. So per certo (detto da un altro utente che ha un iPhone,  io non ce l'ho) che se sull'immagine che usi come sfondo del parallax attivi la funzione "Adatta al contenuto della finestra" alla voce "Disposizione" in "Stile Righe",  tale immagine si vede ingrandita a dismisura e si vede sgranata.  Tolta la funzione "Adatta al contenuto dell'immagine" e impostata la funzione "Non ripetere" ,  l'immagine si vede bene (mi riferisco sempre e solo a iPad, iPhone e tutto ciò che è iOS). Qualcuno può dare ulteriori conferme? Grazie mille. 

Lire plus
Posté le de Giuseppe Guida
Giuseppe Guida
Giuseppe Guida
User

P. S.  Credo che la funzione "Adatta al contenuto della finestra"  crei problemi anche sull'immagine usata come "Sfondo della Pagina" in "Struttura del Modello". Credo... È da fare qualche prova

Lire plus
Posté le de Giuseppe Guida
Mauro I.
Mauro I.
User
Auteur

Grazie a tutti veramente, ma essendo un neofita e non avendo alcuna conoscenza di HTML5, CSS, PHP e quant'altro

vorrei che lo STAFF Incomedia prendesse seriamente questi BUG del Software.

Credo sia il minimo..

Visto che il problema, per quanto riesco a capire dalle vostre risposte, è risolvibile ma con iniezioni VARIE di codice !!!

Grazie comunque per i vs. consigli, ma non vi seguo perchè non ho le vostre conoscenze WEB, e credo di non sapere

neanche da dove iniziare. 

Ho scelto infatti INCOMEDIA dalla Versione 9 alla 13 proprio per semplificarmi la vita, non per incasinarmi.

Resto adesso in attesa che l'ASSISTENZA TECNICA provveda ai 2 BUG sopra esposti nel mio ULTIMO POST

e che il tutto non cada nel dimenticatoio.

GRAZIE 

P.S. già da qualche giorno credo di insistere su questi 2 argomenti ma non ho ancora sentito l'Assistenza.

Lire plus
Posté le de Mauro I.
Incomedia
Riccardo P.
Incomedia

Buongiorno Mauro,

grazie per le informazioni, ti chiedo se puoi ancora qualche dato per favore. Potresti allegarmi anche degli screenshot su come visualizzi le pagine in android e iphone, così che possa capire meglio la differenza sia per lo sfondo dell'immagine che non si ridimensione, sia per il colore opaco che si presenta diversamente. Su iphone mi servirebbero gli screenshot della pagina con il cellulare sia in verticale che in orizzontale per poter capire meglio. Se riesci comunicami anche la versione di Safari e IOS.

Fammi sapere.

Lire plus
Posté le de Riccardo P.
Mauro I.
Mauro I.
User
Auteur

Scusa "Riccardo P. di INCOMEDIA". Non vorrei essere frainteso in quello che segue...

Le prove potreste farle Voi di Incomedia. Non credo che vi manca Hardware sufficiente per "Testare WEBSITE 5 Vers. 13"

________________________________________________ 1° BUG _________________________________________

Ripetere questa sequenza : 

Se in "Proprietà" della Pagina, andando nella sezione "Grafica" ho selezionato le seguenti voci:

- File Immagine : pippo.jpg

- Disposizione   : Adatta al Contenuto della finestra

- Allineamento  : Centro  ( si comporta mettendo l'immagine al Centro della Pagina su iOS) 

Mi aspetto che sia il Mobile Android(che lo esegue perfettamente)  che il Mobile iOS(NON lo esegue)

rispondano nello stesso modo.

________________________________________________ 2° BUG _________________________________________

in "Stile Riga" con Oggetto T (Testo) se mettete "Sfondo" scelta "Colorato" quindi "Colore" = "Nero", "Opacità" = 50

noterete che su Android risponde perfettamente(PORTANDO UNA SEMITRASPARENZA) ...

Su iOS invece risulta un "GRIGIO TOPO". ( o topo gigio )

Se non è possibile fare queste prove nei vs. CED fatemi sapere che vi fornirò dettagliatamente passo passo tuttti gli screenshots del caso.

Grazie Riccardo.

Aspetto tue nuove.

Lire plus
Posté le de Mauro I.
Incomedia
Riccardo P.
Incomedia

Buongiorno Mauro,

abbiamo effettuato dei testi sui vari dipositivi android e Iphone, ma visualizziamo sempre correttamente il sito.

Anche seguendo i tuoi passaggi visualizziamo correttamente sia le immagini che le trasparenze come su Android.

Vorrei capire meglio quello che visualizzi tu e che versione di ios e browser stai utilizzando.

Se puoi inviarmi degli screenshot di quello che visualizzi riuscirei a capire meglio quello che ti succede.

Fammi sapere.

Lire plus
Posté le de Riccardo P.
Mauro I.
Mauro I.
User
Auteur

Ciao grazie Riccardo.

Credo che la visualizzazione sia corretta(www.piaceegusto.it), come tu dici, poichè ho tolto tutto ciò che il programma vers. 13 dovrebbe effettuare e cioè :

- BUG 1 (forse)

Se in "Proprietà" della Pagina, andando nella sezione "Grafica" ho selezionato le seguenti voci:

- File Immagine : pippo.jpg

- Disposizione   : Adatta al Contenuto della finestra

- Allineamento  : Centro  ( si comporta mettendo l'immagine al Centro della Pagina su iOS) 

Mi aspetto che sia il Mobile Android(che lo esegue perfettamente)  che il Mobile iOS(NON lo esegue)

rispondano nello stesso modo.

Avevo impostato così le cose ma "NON FUNZIONA !"  provate voi e verificate creando una pagina di prova, e mettetela a disposizione di tutti noi che stiamo penando dietro a questa "Adatta al Contenuto della Finestra"

Se adesso funziona, come dite dalle prove da voi fatte sul www.piacereegusto.it , è perchè ho seguito alcuni accorgimenti per farlo funzionare, tra l'altro seguendo i consigli di KolAsim ‪e di altri User.

Ma credo fermamente che il problema esista ! (Basta leggere vari Post di segnalazioni per rendersene conto)

- 2° BUG ( forse)

in "Stile Riga" con Oggetto T (Testo) se mettete "Sfondo" scelta "Colorato" quindi "Colore" = "Nero", "Opacità" = 50

noterete che su Android risponde perfettamente(PORTANDO UNA SEMITRASPARENZA) ...

Su iOS invece risulta un "GRIGIO". 

Anche qui. Fate una prova voi e se gentilmente, visto che sto imparando ad usare questo buon software, mi scriveste i passaggi corretti da eseguire per ottenere questa semitrasparenza.

- 3° BUG ( forse)

Nell' oggetto "Video e Suono"  ho inserito URL YouTube/Vimeo relativo. ( www.piacereegusto.it ) in fondo alla Home.

Il Video funziona perfettamente per Responsive superiori ai 480 px.

Non appena Responsive decresce, fatelo arrivare a 460 px, ed ecco che il VIDEO va in LOOP....

NON VISUALIZZA più nulla continua a looppare e noterete in Anteprima come la barra di caricamento segnala l'ANOMALIA suddetta.

Spero di essere stato utile nelle segnalazioni.

Rigrazio Riccardo P. Incomedia, ringrazio  ‪ KolAsim ‪ ‪ e le sue dritte, ringrazio Giuseppe Guida con i suoi Post.

Lire plus
Posté le de Mauro I.
Mauro I.
Mauro I.
User
Auteur

Sono certo che Incomedia non mi risponderà più, per loro il caso è risolto ?

Non credo...

In attesa che l'ASSISTENZA risolva, volevo chiedere a Giuseppe Guida e KolAsim come posso risolvere i miei problemi, considerando che non sono un programmatore HTML5/CSS e vorrei risolvere con passaggi chiari non dando per assodato che io sappia....

Posso ?

Grazie!

Lire plus
Posté le de Mauro I.
Giuseppe Guida
Giuseppe Guida
User

Mauro hai provato ad eliminare la funzione "adatta al contenuto della finestra" ? Ti crei un'immagine di 1920px di larghezza e la utilizzi senza nessun "Adatta al contenuto della finestra" . . Prova.  Te lo avevo scritto molti post sopra. 

Lire plus
Posté le de Giuseppe Guida
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT
Mauro I.
Sono certo che Incomedia non mi risponderà più, per loro il caso è risolto ? ... ...

... porta pazienza, c'è il fine settimana di mezzo, ed intanto segui il consiglio di Giuseppe...

... grazie per il test che mi hai comunicato >> QUI      (+EXTRA)

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Incomedia
Riccardo P.
Incomedia

Buongiorno Mauro,

Riguardo alla immagine di sfondo, ho seguito i tuoi passaggi e inserendo una immagine di sfondo questa si adatta correttamente su iphone visualizzando il sito in orizzontale e verticale. Ti ho allegato degli screenshot delle due visualizzazioni su iphone. L'immagine viene ridotta, sempre ripettando le proporzioni.

Se il tuo sito sembra visualizzarsi  diversamente prova ad allegrmi degli screenshot di come lo vedi su android iphone. Così da capire meglio.

Per le altre segnalazioni ti invito ad aprire un nuovo topic per ogni argomento.

Grazie.

Lire plus
Posté le de Riccardo P.
Mauro I.
Mauro I.
User
Auteur

OK , grazie Riccardo.

Lire plus
Posté le de Mauro I.