Ridimensionamento immagine di sfondo su uno smartphone 
Autore: Emiliano S.
Visite 722,
Followers 2,
Condiviso 0
Buongiorno
Io ho delle immagini di sfondo sulle mie pagine del sito che ho creato. E' possibile ridimensionarle per poter essere visualizzate in uno smartphone? Grazie Il sito è: www.fabricionascimento.com
Postato il
... non ho capito del ridimensionamento che chiedi...
... poi controlla le impostazioni che hai adottato; ... ho notato che sotto ai 1000 pixel hai eliminato lo sfondo, questo:
.
Autore
Si nella pagina principale ho eliminato lo sfondo. Intendevo lo sfondo nella altre pagine
... ho visto STORIA ...!... e non so perchè non si veda lo sfondo sullo smartphone...!...
... vedi cosa ti diranno gli esperti e lo STAFF... ... magari c'è già una soluzione nel programma che io non ho...
... poi, se non otterrai risultati positivi, e se te la sentirai, si potrebbe provare con un mia invenzione EXTRA cross browser basata su DIV_CUSTOM+IFRAME... ...nel qual caso ti interessasse fatti risentire...
.
Autore
Io ho realizzato il programma con Websitex5 evolution. Ho appena qcauistato websitex5 professional. Lo trasferisco in questa versione e lo esporto su internet. Quando lo faccio ti faro' sapere altrimenti ti chiedero' la tua invenzione. Grazie
... guando avrai fatto posta il link ed avvisa per verificare, e poi si vedrà...
,
Autore
Ciao. Ho trasferito il sito in website x5 professional, però le immagini di sfondo non si ridimensionano.
www.fabricionascimento.com
... basandomi sempre su STORIA, vedo che l'immagine di > sfondo è in rapporto verticale 2:3 (1280x1920), ed ho mantenuto o stesso rapporto...
... >> questa è la mia invenzione...
... scarica la pagina e mandala in RETE nella ROOT del SITO, con FTP terzo a con il File Manager...
... >> questo è il Clone parziale che incorpora la precedente pagina, (temporaneo! 24-48 ore)!
... poi nella sezione ESPERTO delle Proprietà della Pagina STORIA, Codice Personalizzato, opzione: Prima della chiusura del TAG /HEAD incolla l'altra invenzione, il mio super DIV_CUSTO+IFRAME, cioè questo codice (lo vedi anche nel sorgente Ctrl+U):
<style> #imPageExtContainer { background-image: url(''); background-color:transparent !important} </style><script> window.onload=function() { link_K = "<div style='position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:-2'><iframe width=100% height=200 src='sfondostoria.html' style='position:absolute;width:100%;height:100%;top:0px;left:0px;z-index:-2'> </iframe> </div>"; document.body.innerHTML += link_K ; document.getElementById("imPageExtContainer").innerHTML += link_K ; }</script>
... quando avrai fatto avvisa se per caso servissero eventuali controlli...
.
ps: ... ovviamente quando arriverà la fix ritornerai alle funzioni del programma...
.
Autore
Ciao scusa non riesco a scaricare la tua pagina. Me la potresti inviare via email: ***
... qui le e-email vengono oscurate con questo simbolo >> ***
... ma non ci sono problemi...
... con browser Chrome a pagina aperta basta andare sul menu in alto a destra (≡) > Altri Strumenti > Salva Pagina con Nome; ...oppure andare con il destro del mouse sulla parola linkata e dal menu contestuale selezionare Salva Link con Nome...
... con browser Firefox a pagina aperta basta andare sul menu in alto a destra (≡) > Salva Pagina; ...oppure andare con il destro del mouse sulla parola linkata e dal menu contestuale selezionare Salva Destinazione con Nome...
... nel caso avvisa...
.
Autore
Ho fatto come hai descritto tu sopra. Sono riuscito a scaricare la pagina sfondostoria.html e l'ho inserita nel root del mio sito (dove ci sono anche le altre pagine). Ho inserito il codice. Però lo sfondo pagina mi appare bianco
.. nella pagina sfondostoria.html è stato alterato il codice rispetto a quello della mia pagina..
... apri la pagina nel blocco note di Windows e sostituisci questo codice che hai adesso:
<div id="div_customK"><img id="imgK" name="imgK" width="100%" style="position: absolute; height: 2880px; width: 1920px; top: -895.5px; left: 0px;" src="./sfondostoria_files/sfondocontatti.JPG"></div>
... con quello originale del mio esempio, cioè questo:
<div id="div_customK"><img id="imgK" name="imgK" width="100%" style="position:absolute;height:100%" src="http://www.fabricionascimento.com/images/sfondocontatti.JPG" /></div>
... salva con nome sfondostoria.html e manda in rete nelle root...
... avvisa per controllare...
.
Autore
Funziona. Grazie. Però mi potresti realizzare anche le altre pagine. Ti ringrazio immensamente. O dimmi il procedimento per farne una che poi le realizzo io. Grazie ancora.
... ho pensato di fare di meglio, semplificando le operazioni in un'unica, ...in modo da poter usare il codice con un copia/incolla in tutte le pagine che abbiano caratteristiche simili di struttura, ...bastando solo sostituire l'URL dell'immagina dove indicato nel codice...
... intanto vedi il > CLONE 2 parziale e temporaneo!!! ...
... aziona Ctrl+U e vedrai il codice sorgente ...dal rigo 270 al rigo 304 ...
... (i commenti sei libero di eliminarli)...
... copia/incolla le dette righe nel pannello Esperto | Codice personalizzato | prima della chiusura del TAG /BODY...
... prova e te ne renderai conto, ed eventualmente quando avrai provato su una pagina diversa, avvisa...
.
Autore
Ho provato. Però nelle altre pagine. Tipo nella pagina FILIALI oppure su CV lo sfondo mi appare deformato. Più allungato.
.. vado a vedere... .. . .
... !... se dici questa pagina, è la INDEX, che non ha codice ...!...
http://www.fabricionascimento.com/index.html#Filiali1
.
Autore
No no. Entra dentro alla pagina Filiali. Se metto il tuo codice l'immagine di sfondo mi viene allungata
... non vedo applicato il codice...
... comunque in quella pagina lo sfondo è in rapporto 9:4, diversa dai 2:3 di STORIA...
... quindi, dove indicato nel codice, devi mettere, o il rapporto 9:4, oppure mettere proprio le misure esatte, 1599x705 nelle variabili ww ed hh
... prova ... e meglio postare il LINK delle prove per poter valutare...
.
Autore
Non l'avevo postato. Provo e ti dico. Grazie
Autore
Ho postato la pagina filiali. Però non ho capito dove devo inserire i cambiamenti che mi hai detto. Prova a vedere il risultato. Grazie
... dove vedi nel codice queste stringhe:
var ww =2; // larghezza immagini o rapporto proporzionale;
var hh =3; // altezza immagini o rapporto proporzionale;
... correggi in questo modo:
var ww = 9; // larghezza immagini o rapporto proporzionale;
var hh = 4; // altezza immagini o rapporto proporzionale;
... oppure così:
var ww = 1599; // larghezza immagini o rapporto proporzionale;
var hh = 705; // altezza immagini o rapporto proporzionale;
...
... la stessa cosa farai nelle altre pagine se le misure o i rapporti proporzionali sono diversi...
... nel caso avvisa...
...
.
Autore
Ci sono riuscito. vedi com'e' uscito il sito :-)
Autore
Ho notato però un piccolo errore. Quanto vado nelle pagine e poi premo sul menu (tre lineette), non mi appare sulla destra. devo ricaricare la pagina e il menu mi appare. Ti succede anche a te? Cosa può essere?
... OK ... perfetto! ...... hai capito il meccanismo, che applicherai così alle altre pagine ...
.
... non lo avevo notato perchè mi aveva funzionato...
... il mio codice non dovrebbe interferire con il jQuery del sito, ...però effettivamente riprovando e passando dalla home avviene quanto dici; ...occorrerebbe un refresh ma per il momento non so da cosa possa dipendere... ...
.
... non posso nenche provare perchè il mio clone è parziale...
... prova a verificare se con il primo metodo, quello con la pagina esterna funzionasse...
.
... eventualmente prova a sostituire la penultima stringa, questa:
window.onload = function () {carica_imgK();h_imgK();}
... con questa:
window.onload = function () {setTimeout(function(){ carica_imgK();h_imgK(); }, 3000);}
.
Autore
Ho messo questa stringa ma mi da lo stesso errore :-(
Autore
Forse interferisce il tuo codice, perchè nella pagina STORIA ho tolto il tuo codice e funziona, le altre pagine hanno dei problemi. prova a vedere adesso
Autore
Effettivamente quando ancora non appare l'immagine di sfondo il menu funziona. Quando l'immagine di sfondo è apparsa il menu non funziona più
Autore
Ho rimesso l'ultima riga "window.onload = function () {carica_imgK();h_imgK();}" nelle pagine, in questo modo il menu funziona con un refresh. Con l'altra riga il menu non funzionava. Ho messo su STORIAn il primo metodo e pare che funziona. Mi potresti aiutare?
... ottimo! ...ho appena visto, quindi benissimo, si opterà per questa soluzione, quella che avevo sempre preferito io in caso di conflitti...
... oggi pomeriggio darò un'occhiata sul da farsi e poi di dirò...
...!... però intanto prova a fare l'ultima prova con il codice di questo > clone3, leggermente modificato...!...
... fammi sapere di questo risultato...
.
Autore
Non va bene neanche con questo codice :-(
Autore
Però ho visto che neanche con il primo metodo funziona. A volte funziona a volte no. C'e' qualcosa che crea conflitto :-(
... purtroppo non me ne accorgo, sul mio smartphone funzionava...
... e purtroppo potendo fare solo un clone parzialmente funzionante editando online e non avendo io il programma mi è difficile poter immaginare da cosa possa dipendere...
... intanto prova questo ultimo esperimento > clone4 ...sempre sulla pagina STORIA, diviso in due sezioni, contenente una mia chicca unica! che ti rende la tabella elastica, visto che l'attuale si presenta male a basse risoluzioni...
... le righe 33-40 vanno posizionate nel panello Esperto, con l'opzione: Prima della chiusura del TAG /HEAD...
... le righe 285-287 vanno posizionate nel panello Esperto, con l'opzione: Prima della chiusura del TAG /BODY...
... fai sapere...
.
Autore
Ho provato più volte. Pare che la pagina STORIA funziona in questo modo. :-) Con le altre pagine devo fare lo stesso procedimento (cambiando solo il nome dell'immagine di sfondo)? Grazieeeeeee. Molto Gentile
... ho visto, sul mio smartphone funziona bene ...
...
.. sì, in alto, /HEAD dove non serve puoi eliminare il mio extra per la tabella e relativo script accoppiato...
... in basso, /BODY, devi solo correggere l'indirizzo delle immagini; ...sapendo dove sono, puoi usare il percorso relativo...
... per esempio per la pagina STORIA: url(images/sfondocontatti.JPG)
... per la pagina FILIALI: url(images/sfondofiliali1.JPG)
.
Autore
Si lo sto pubblicando ora. Funziona bene. Se ci sono dei problemi te lo farò sapere. Intanto ti ringrazio immensamente. E' la prima volta che realizzo un sito con website x5 professional. Grazie ancora di tutto.
...
...