Errore su responsive x codice EXTRA
Auteur : Salvo M.
Visité 1675,
Followers 1,
Partagé 0
Salve a tutti,
un errore penso stupido al quale non riesco a trovare rimedio.
vi linko QUI il sito, nella versione responsive su smartphone o tablet nella prima parte compare per due volte il logo con il menu hamburger....mentre su risoluzioni superiore a 900px no...ESATTAMENTE NELLA HOME
....allego foto
Posté le
Auteur
e non riesco a capire perchè è così lento nel caricamento e nello scorrimento
... per lo SFONDO hai usato il mio metodo, del DIV_CUSTOM + IFRAME... ...
... però non hai realizzato la pagina extra dello SFONDO in modo indipendente, ma lo slideshow è incorporato in una pagina sempre di WebSiteX5; ...(in questo caso diventerebbe superfluo l'uso del mio metodo, nato per semplificare...)...
... quindi, o rivedi la pagina dello slideshow, ...oppure, che dovrebbe essere il procedimento corretto, la realizzi in modo indipendente seguendo le istruzioni di wowslider...
... immagini eccessivamente grandi e pesanti, 1.6 MB c.u.!... (...poco adatte per il "mobile"...)
.
Auteur
raga non so cosa ho combinato, ho usato gli stessi codici tra l'altro del sito torasushiroma.it che gia avevo usato slide....ho fatto la pagina slide collegato tutto....su pc funziona su smartphone un macello
Buongiorno Salvo,
prova a rimuovere tutti i codici extra che hai inserito e riprova con un progetto con solo il codice generato da WebSite X5, alcuni codici potrebbero interferire.
Facci sapere.
Auteur
Ho fatto un'altra prova, allora ho caricato la pagina html direttamente di wow slider senza pagina a parte slide. www.vgsweb.com/mulino/slidex.html....e sulla home ho messo questo:
PER QUANTO RIGUARDA RISOLUZIONE PC VA BENE MA SE VADO SU SMARTPHONE SI VEDE SOLO META' SLIDE
PAGINA HOME:
DOPO L'APERTURA DEL TAG BODY:
<div ID="sfondofull" style="position:fixed; top:0px; width:100%;height:100%;z-index:-1">
<iframe src="http://www.vgsweb.com/mulino/slidex.html"
width="100%" height=800px; scrolling="no" frameborder="no" allowtransparency="true"></iframe> </div>
Auteur
allora, piano piano forse sto scoprendo il problema...allora una volta pubblicato il progetto di wowslider mi trovo due cartelle...data1 ed engine1 piu tre pagine html....la pagina che prendo è la prima ovvero l'ho chiamata slides (stavolta con la s perchè ho fatto un'altra prova) che se la apro in locale il responsive funziona...ovvero stringendo la finestra l'immagine si adatta al responsive....mentre se pubblico la stessa pagina sul server www.vgsweb.com/mulino/slides.html non mi funziona piu responsive...dunque riducendo la finestra non si adatta più...perchè in locale funziona e sul server no?
ho caricato le cartelle correttamente ho controllato 50 volte :(
Auteur
risolto...dovevo caricare le cartelle senza /mulino...ma sulla cartella principale...:D
... forse ancora no! ...
... per me poco navigabile per peso ed effetti eccessivi per la mia postazione...
... adesso hai finalmente adottato il metodo "corretto" che ti avevo precedentemente indicato...
... le immagini le hai ridotte di peso (non di misure!), ma potresti fare di più, un 30-50% in meno...
... quello che noto a prima vista è che manca nel codice IFRAME lo style che gli assegni l'altezza al 100%; ...!...adesso prende il valore fisso html 800px; ...infatti nella pagina ospite non viene rispettato il resize ratio centrato delle immagini fullscreen, come invece accade nella pagina wowslider importata...
.
Auteur
... quello che noto a prima vista è che manca nel codice IFRAME lo style che gli assegni l'altezza al 100%; ...!...adesso prende il valore fisso html 800px; ...infatti nella pagina ospite non viene rispettato il resize ratio centrato delle immagini fullscreen, come invece accade nella pagina wowslider importata...
.
[/quote]
mmm ok come posso ovviare?
il codice è questo:
<div ID="sfondofull" style="position:fixed; top:0px; width:100%;height:100%;z-index:-1">
<iframe src="http://www.vgsweb.com/slides.html"
width="100%" height=800px; scrolling="no" frameborder="no" allowtransparency="true"></iframe> </div>
DEVO METTERE ANZICHE' 800PX 100%?
... il codice originale lo vedi nel mio storico >> esempio
... quindi il tuo codice corretto verrebbe così:
<div ID="sfondofull" style="position:fixed; top:0px; width:100%;height:100%;z-index:-1">
<iframe src="http://www.vgsweb.com/slides.html" width="100%" height=800px; scrolling="no" frameborder="no" allowtransparency="true" style="position:absolute; top:0px;left:0px; height:100%"></iframe>
</div>
.
O.T.
giusto è Italienisch e non Italenisch....