Immagine sparita su mobile 
Autore: Federico A.
Visite 2779,
Followers 3,
Condiviso 0
Salve a tutti, ho un problema utilizzando il modello photolica, praticamente il sito in versione desktop è perfetto, quando però lo visualizzo da mobile, non si visualizza l'immagine impostata in alto come sfondo bensì una specie di colore (sembra lo zoom della foto in questione), questo accade sia se imposto il sito in modalità responsive e sia se ll lascio in modalità desktop adattabile ad ogni dispositivo.
Qualcuno sa aiutarmi? per provare quello che sto dicendo, potete aprire il sito www.droneventi.com
grazie per un aiuto.
Federico
Postato il
...ma sei sicuro ?
se intendi l'immagine del drone io la vedo...
prova ad aggiornare la cache ... con
control F5
se intendi altro , metti delle immagini ..
Autore
Ciao Claudio, innanzitutto grazie per la tua risposta
mi puoi verificare se da mobile vedi l'immagine (diversa) per ogni pagina?
perchè ne a me ne al socio si vede nulla...ora provo a pulire cache perchè è l'unica cosa che mi viene in mente.
Attendo che mi fai sapere e ti ringrazio
Federico
Autore
Confermo che dopo aver cancellato cache, visualizzo così il sito web dal mio cellulare...p10 plus e da un iphone 7.
oltretutto l'immagine che mi hai postato è strana perchè lo slogan sembra diviso...
mi devo preoccupare?
...si ti confermo , immagini diverse per ogni pagina...
io però ho un nokia...
...con che browser lo state vedendo perchè è consigliabile usare non i browser proprietari , ma chrome o firefox anche sui dispositivi mobili...
...attendiamo test di altri utenti...
Autore
che nervoso
provato anche con un iphone 6...nulla da fare...con iphone stiamo utilizzando safari, con il p10 sto utilizzando chrome....
sono timoroso che se è una cosa che capita solo con alcuni non riesca a risolvere
sul mio PC con Safari è perfetto , anche restringendo la videata...
bho...
OT: ricordati di inserire la Partita Iva sul sito , magari nel piè di pagina ...
...ora stacco che sono un po' cotto...
...rimani in attesa di STAFF o altri utenti...
ciao
Autore
ti ringrazio ancora per il tempo perso Claudio, che la parte desktop sia perfetta lo sapevo, il problema lo riscontro solamente su mobile.
Grazie per il consiglio.
Attendo qualcun'altro che mi dia altre info
Grazie ancora
Io ho un telefono con risoluzione bassa 360 (e penso anche molti altri come me) il titolo risulta tagliato (non si vede la m di .com) e l'immagine di fondo, il drone, non si vede ma solo un colore dello sgondo
Ciao
Dimenticavo lo screen
Autore
Ciao Giorgio, grazie anche a te per la disponibilità, mi hai confermato che il problema c'è, ho provato veramente a modificare di tutto ma il problema non si risolve... Ti ringrazio oltre tutto di avermi indicato altre problematiche come la scritta tagliata.
Spero qualche buona anima riesca ad aiutarmi a risolvere.
Prova a inserire anche la risoluzione di 360px io la aggiungo sempre....
Autore
Buonasera, ho fatto ulteriori prove e mi sono accorto che utilizzando un nuovo dispositivo, Tablet Samsung, gli sfondi non si vedono utilizzando Chrome viceversa si vedono utilizzando il browser predefinito, avete qualche suggerimento da darmi?
Grazie.
Federico
Autore
Salve, ho aggiunto la risoluzione 360px come fa suggerito, purtroppo non sono ancora riuscito a risolvere la problematica dell'immagine di sfondo che non si vede...
Vi prego di aiutarmi.
Grazie
Federico
Su un tablet Samsung con FF il problema non si presenta.
Si presente invece, come già scritto, con Chrome ed il browser proprietario.
Il problema dovrebbe essere il solito background-size: cover;
In attesa di qualcosa di meglio, proverei ad inserire questo CSS in Impostazioni - Avanzate - Statistiche, SEO e Codice - Esperto - Prima della chiusura del tag HEAD:
<style>
@media (max-width: 1300px) {
html {
height: 100%;
}
}
</style>
Autore
Ho risolto!!!! Grazie!!!! Grazie a tutti per il vostro prezioso tempo!!! Ho inserito il codice e finalmente tutto perfetto!!!
Grazie ancora.
Federico
Autore
Buongiorno, il problema è stato risolto sul mio Huawei con Chrome ma purtroppo ho scoperto stamattina che ancora persiste su safari su iPhone.
Cosa posso fare per risolvere anche li?
Grazie sempre per una risposta.
Federico
Autore
Ciao Lemon, dopo tante prove, ho capito che il problema è é stato risolto solamente su Chrome o comunque dispositivo non iOS, hai per caso altri suggerimenti da darmi? Ti ringrazio anticipatamente per una risposta.
Federico
Non avendo dispositivi iOS per testare personalmente, ti posso solo rimandare su Google per una ricerca oppure attendere altre risposte da utenti e/o staff.
Esempio di ricerca:
background cover fixed ios
In genere su stackoverflow.com trovi un sacco di workaround.
Nel frattempo potresti provare a togliere la spunta "Immagine di sfondo fissa" (Struttura Modello) nei breakpoint inferiori per vedere se almeno l'immagine si visualizza correttamente.
... oltra a quanto già anticipato, ...in alternativa EXTRA, controlla come si vede sui tuoi dispositivi "mobile" i(!) > questa immagine (510x340! | 22 KB!) !...
... se funzionasse! correttamente, (resize | ratio | c/c), allora sarebbe possibile implementarlo come qualsiasi tipo di sfondo in EXTRA con il mio semplicissimo metodo del DIV_CUSTOM+IFRAME; un copia/incolla; ...l'immagine è realizzata con maximage2, e nel caso volendo puoi anche documentarti nel loro sito sul come ottenerla...
.
Prova a leggere qui, ti dà anche la soluzione su come risolvere (sempre che io abbia capito qual è esattamente il tuo problema):
https://www.venetoformazione.it/blog/problemi-visualizzazione-iphone-ipad/
ciao
Autore
Ciao, innanzitutto grazie per l'aiuto... L'immagine che hai postato la vedo benissimo su iOS, ma non saprei come procedere con le istruzioni che mi hai scritto... Puoi gentilmente spiegarmi passo passo come fare?
Ti ringrazio
Autore
Ciao Giuseppe, il problema lo hai capito perfettamente ma le soluzioni suggerite non saprei dove inserirle su website x5...
Hai suggerimenti?
Ti ringrazio per l'aiuto.
Federico
... realizza la pagina indipendente, come la mia, con > maximage; ...quando l'avrai pubblicata posta il LINK, come il mio, e poi passeremo al DIV_CUSTOM...
.
Autore
ciao Kolasim, mi spiace deluderti ma non ho ben compreso, ho aperto il sito maximage (cosa devo fare? download del programma?) purtroppo abbi pazienza ma devi dirmi i vari passi altrimenti non riesco...ovviamente se ti è possibile mi faresti una grande cortesia ma non voglio assolutamente rubarti tempo e romperti le scatole.
Grazie.
Federico
... dovevi produrre il maximage, ma te l'ho fatto io, > QUI (*) (scarica con il destro del mouse)...
... vedi il > clone (parziale temporaneo)
... controlla come lo vedi sul tuo dispositivo i(!);
.1) .... se funziona a regola, invia la pagina che hai scaricato (*) maximage nella radice del sito con FTP Filezilla, oppure con il FileManager del server...
.2) ... nel progetto, incolla il codice a seguire nella sezione:
>> Passo 3 - Mappa > Finestra Proprietà Pagina >> Sezione Esperto | ▪Codice personalizzato | ▼Prima della chiusura del tag HEAD :
<style>
html {background: url('');} #div_iframeK {position:absolute;top:0px;width:100%; height:100%;z-index:0;} #iframek {position:fixed;top:0px;height:100%; } </style>
.3)... nel progetto, incolla il codice a seguire nella sezione:
>> Passo 3 - Mappa > Finestra Proprietà Pagina >> Sezione Esperto | ▪Codice personalizzato | ▼Prima della chiusura del tag BODY :
<div id="div_iframeK"><iframe id="iframek" name="iframek" width="100%" height="auto" src="http://www.droneventi.com/immaginemaximagek_178623.html" scrolling="no" frameborder="no"></iframe></div>
... se non manterrai lo stesso nome del file, ovviamente dovrai correggere di conseguenza l'URL...
.
... nel caso fai le dovute prove e posta il LINK in modo che si possa verificare...
.
Autore
Buonasera kolasim, innanzitutto ancora grazie, ho provato ad eseguire quello che mi hai detto, effettivamente lo sfondo si riesce a visualizzare anche su ios ma ciò ha comportato gravi errori sul resto del sito... su tutto innanzitutto mi ha tolto quei 3 piccoli banner che compaiono con effetto parallasse su un altro sfondo (subito dopo la scirtta su di noi...), poi lo stesso sfondo mi si è impostato automaticamente per tutte le pagine del sito quando io ho diversi sfondi per ogni pagina...
ho sbagliato io qualcosa?
grazie per una risposta.
Federico
(1)> prova a modificare il valore di z-index, da z-index:0; che cedi attualmente nel primo codice, a z-index:-1; ...oppure z-index:-2;
(2)> affinchè le modifiche del codice siano limitate alla sola pagina, (e non globali), devi usare il pannello ESPERTO delle Proprietà della Pagina, al Passo_3, (e non quello del Passo_1)...
.
Autore
Buonasera kolasim, fatto quanto hai detto modificando direttamente nelle proprietà della pagina, modalità esperto, se faccio index0 mi scompaiono sempre le tre bande bianche, se faccio index1 mi scompaiono tante altre scritte, se faccio index2 mi copre praticamente tutto....
Cosa posso fare ancora?
Grazie di cuore.
Federico
... forse ti è sfuggito il particolare, ma come ti avevo detto prima, lo z-index prova a portarlo a (-1) (meno 1) oppure a (-2) (meno 2)
... facendo per come dici di aver provato con (1) e (2), lo hai portato sopra agli altri livelli della pagina che quindi verrebbero coperti...
.
ciao
.
Autore
chiedo scusa Kolasim, hai ragione mi è sfuggito il meno...ora provo e ti faccio sapere.
Grazie ancora di cuore.
Federico
Autore
Kolasim stavolta ho fatto come mi hai detto e sia con -1 che con -2 mi copre comunque le scritte...
credi sia possibile dare il mio progetto a te e controllarlo direttamente? Oppure hai qualche alternativa da farmi provare?
Ti ringrazio sempre infinitamente.
Federico
... posta il LINK del tuo esempio con i miei codici, in modo che possa vedere realmente come funziona rispetto alla pagina origilale per un confronto...
.
Autore
ciao Kolasim,
ho lasciato l'homepage originale ed ho creato due pagine di prova, una con il valore index-1 ed una con il valore index-2
ora ti posto tutte e tre le pagine così da capire le differenze, ovviamente le pagine prova le ho nascoste dal menù.
http://www.droneventi.com/
http://www.droneventi.com/index-1
http://www.droneventi.com/index-2
Ti ringrazio per una risposta.
Federico
Autore
Kolasim, ora che ho inserito le pagine prova, sono andato a vederle per curiosità e si vedono entrambe perfette su tutti i dispositivi...provo ad inserire di nuovo il codice in homepage e vediamo che succede...
Autore
kolsdim ho inserito il codice nella homepage ed è tutto perfetto!!!! grazie!!!
ma ora per sistemare le altre pagine mi basta inserire il codice o devo fare qualcosa sull'immagine di sfondo???
... realizza questa pagina, quella per l'IFRAME, con nome diverso, per esempio "sfondo_servizi.html", e la mandi in ROOT: http://www.droneventi.com/immaginemaximagek_178623.html
... in questa pagina sostituisci l'immagine con questa: http://www.droneventi.com/images/pixabay-bb4b33ce982640425e.jpg
... quindi devi solo modificare URL/SRC del codice IFRAME per la pagina servizi in così:
<iframe id="iframek" name="iframek" width="100%" height="auto" src="http://www.droneventi.com/sfondo_servizi.html" scrolling="no" frameborder="no"></iframe>
... il resto del codice (HEAD/BODY) rimane invariato...
... procedimento uguale per le altre pagine...
--------------------
(il mio codice fa riferimento agli sfondi pagina che hai usato nel progetto, utilizzando gli URL già esistenti; ... ma se preferisci, potresti eliminare gli sfondi dal progetto ed usare direttamente le immagini che upperai in rete con Filezilla, in modo da non gravare sul progetto ed usando i relativi nomi ed URL, visto che con il mio codice annullo l'immagine originale sostituendola con la stessa in maximage; ...nel caso ti interessasse, vedi un po' tu...
)
.
Autore
Sera Kolasim, proverò a fare come hai detto anche se un passaggio non mi è chiaro, faccio una domanda? Se capisco come fare il maximage di una pagina/immagine mi basterebbe metterla tramite ftp e nel codice che mi hai dato inserirlo per ogni pagina modificando il nome del maximage appropriato. É giusto quello che dico?
Dico questi perché forse, oltre ad imparare una cosa (come fare questo maximage), forse mi viene più facile... Dimmi se sbaglio kolasim
Ti ringrazio per tutto comunque veramente.
Federico
... sì, per come hai ripetuto; ...cambia nome alla pagina maximage, ed in questa cambi nome al file immagine, pagina per pagina del sito...
... invii questi files nella ROOT con FTP di terze parti, tipo Filezilla, oppure con il FileManager del server...
... nei vari codici iframe aggiornerai la pagina da importare pagina per pagina del sito...
.
Autore
Pomeriggio lo faccio, però mi insegni comunque la procedura per fare maximage di una pagina da zero?
Se ti è possibile altrimenti fa niente caro.
Grazie
... apri la pagina HTML nel blocco note di Windows, correggi il riferimento all'immagine, e salvi con nome diverso sempre come file tipo ed estensione HTML...
... volendo puoi anche documentarti nel sito madre che ti avevo postato precedentemente...
.
ciao
.
Autore
ho fatto alla lettera come consigliato da te ed ho risolto TUTTOOOOOOOOOOOO!!!
SEI SEMPLICEMENTE UN GRANDE!
a parte gli scherzi ti ringrazio di cuore per la tua pazienza, disponibilità e competenza, ringrazio anche tutti coloro che mi hanno aiutato precedentemente.
Alla prossima.
Federico
... visto, ottimo! ... e grazie a te per la conferma...
...