Non riesco a far ridimensionare l eimmagini di sfondo sui dispositivi mobile, in particolare su questo sito www.eben-eze
Автор: Florinda S.
Просмотрено 1152,
Подписчики 1,
Размещенный 0
ho realizzato questo siti di recente ma non riesco in nessun modo a far ridimensionare le foto di sfondo su nessun dispositivo mobile, anche su tablet da 10" il problema si presenta in modo sgradevole
Размещено
Автор
AGGIUNGO LINK DEL SITO www.eben-ezer.it
al passo 3 - Proprietà di Pagina e impostato così?
... prova e verifica il suggerimento di Alex, ... non avendo io attualmente il programma per entrare nel merito...
... e se poi non ottieni il risultato voluto, e se ti interessa provare con codice EXTRA, potresti provare la mia invenzione con il mio noto DIV_CUTOM "tuttofare", ...e nel caso quindi fatti risentire, ...altrimenti come non detto ...
.
OT: correggi qui:
Автор
ringrazio claudio per la correzione ortografica, allego screnn del settaggio ma era già come foto di Alex. ho provato vari tentativi e su diversi template ma sto cavolo di problema si ripresenta. Chiedo a KolAsim un maggiore chiarimento su come inserire il suo codice,
... visto che ne sei interessato ti stupirai, un copia/incolla; ...ti propongo una delle mie varianti inventate ben due lustri fa per realizzare il primo sfondo animato in assoluto...
... per lo sfondo della pagina HOME/INDEX (*) incolla il codice a seguire in questa sezione:
>> Passo 3 - Mappa > Proprietà Pagina > Sezione Esperto | ▪Codice personalizzato | opzione: Prima della chiusura del tag BODY
... codice:
<div id="Div_CustomK" style="z-index:-1;position:fixed;top:0px;left:0px;margin: 0; padding: 0;width:100%;height:100%; background: url('http://www.eben-ezer.it/images/x-home-page2.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;"> </div>
<script> document.getElementById("imPageExtContainer").style.backgroundImage = "none";
</script>
--------------------
(*) - per le altre pagine dovresti semplicemente modificare l'URL dell'immagine relativa...
... non avendo io il programma e non potendo provare, ...fai tu le prove sui vari browser e dispositivi mobile per accertarti della validità o meno del mio codice; ...in teoria dal risultato dei suggerimenti dati in altri topic, per lo sfondo della pagina dovrebbe funzionarti ad hoc...
... quando avrai fatto la prova, nel caso avvia per controllare...
.
Автор
ho inserito il codice ma non funziona, puoi controllare tu cosa ho sbagliato
OT:
correggi anche qui:
... hai inserito il codice prima della chiusura del tag HEAD, ...ed invece dovevi fare come avevo detto prima, cioè:
>> opzione: Prima della chiusura del tag BODY
... riprova e fai sapere...
.
Buongiorno Florinda ,
prova a seguire i consigli che ti hanno dato gli altri utenti e fammi sapere se hai ancora difficoltà.
Автор
ok mo ci provo, comunque siete fantastici un vero aiuto grazie mille
Автор
ho fatto come mi avete detto ma mi sembra che si sia ridimensionata di pochissimo, di certo non come speravo, inoltre vi chiedo la seconda immagine che vedete ossia quella della sala interna con il mazzo di fiori, questa per adattarla devo usare lo stesso codice e se si dove lo devo inserire?
... per lo SFONDO del SITO l'effetto della mia invenzione la noterai sul dispositivo "mobile" ed è notevole rispetto a prima; ...puoi confrontare con le altre pagine...
... ovviamente devi conoscere il concetto del CSS COVER: resize-ratio, C/C, priorità W/H...
... l'immagine adatta allo scopo devi saperla scegliere tu; forse in rapporto (1:1) oppure in (4:3) potrebbe risultare più adatta, ma dipende dall'orientamento della finestra...
...
... per il resto, non avendo il programma non posso entrare nel merito delle altre problematiche relative alla v.2019; ... intanto puoi provare con immagini quadrate; ...sino alla v.16 potevo controllare liberamente tutti gli elementi EXTRA; ....quando e se avrò il programma nel caso da parte mia se ne riparlerà...
.
scusate ma non mi permette di commentare nella pagina dei siti pubblicati da Florinda...
Автор
io penso che andrebbe inserita già nel programma questa funzione di adattamento, per rispondere a KolAsim, noto veramente poco la differenza su dispositivo mobile, come certo tu avrai fatto dal tuo smartphone. Suggerirei ali sviluppatori del programma di inserire questa funzione nei prossimi aggiornamenti, credo che come me altri hanno lo stesso problema
... infatti come detto prima e che ripeto, invece per me la differenza è notevole; ...per l'aspetto che prende, dipende dalla tua immagine (23:8)! che andrebbe scelta in modo congruo nei rapporti detti prima, e dal concetto COVER! che vedi in questo mio esempio (4:3)! ed in questa mia immagine esplicativa:
... per il resto il problema dipende non dal programma ma dalle lacune di alcuni browser di alcuni dispositivi mobile...
.
Автор
proverò a sostituire la foto in una con formato 4:3 ma il la testo da pc e fa lo stesso problema, ad ogni modo chiedo almeno come fare a rimpicciolire quella con il mazzo di fiori che si trova sempre nella home page
...[rimpicciolire] ...!?!...
... forse non ci siamo capiti, o meglio forse non ho capito io se tu hai capito, ed il "rimpicciolire" mi ha fatto sorgere il dubbio...
... come detto prima esiste il metodo tradizionale "resize-ratio", ...per intenderci lo stesso effetto di questo >esempio al ridimensionamento della finestra del browser; in questo caso bisognerebbe cambiare totalmente metodo di approccio rispetto al mio precedente codice...!...
... invece con il mio precedente codice con effetto COVER l'aspetto dipende dall'orientamento dalla finestra ospite; potrebbe o non potrebbe esserci un "rimpicciolimento"; per esempio su uno smartphone in verticale l'immagine zoommerebbe in avanti, ed in uno smartphone in orizzontale l'immagine zoommerebbe indietro, e che avresti potuto notare sia applicando il mio codice e sia dal link del precedente post...
... ... ... ... per quanto riguarda la riga con lo sfondo del mazzo di fiori, si potrebbe tentare ad applicare la mia precedente invenzione o in una delle mie varianti, e quindi con gli stessi effetti COVER, ma ci vorrebbe nel caso la tua partecipazione presente ed attiva sempre se ti interessa e se è quello che stai cercando di ottenere, visto che a quanto pare non ne sei tanto convinto...
... comunque, senza strafare, e senza codici extra, come detto già in precedenza potresti ottenere un buon risultato con immagini quadrate in (1:1), oppure in (4:3)...
.
Автор
Kol chiedo scusa se non mi sono spiegato, ma come detto in precedenza se provi a vedere il sito in questione su uno smartphone ti accorgi che la foto rimane grande come pure quella con il mazzo di fiori, è questo il mio problema
... questo è quello che vedo io e che spiega quanto detto:
.