Effetto strano su una funzione
Auteur : Fabrizio R.
Visité 1124,
Followers 2,
Partagé 0
Ciao, ho un problema su un effetto strano che mi fa su una funzione , praticamente ho inserito delle funzioni che mi suggerirono con grande aiuto gli amici Kolasim e Mirko
l'effeto dello sfondo pagina che entra in dissolevanza tutto funziona , bene ma.. quando entro nella home page nonostante ho messo fixed il menu mi da per vari secondi il movimento del menu che va su' quando faccio lo scroll della pagina poi si ferma
pero' ogni volta che cambio pagina ritornando all home mi da sempre quell piccolo difetto
ecco il sito ove appoggio l'esempio http://www.stratoarte.it :( che puo' essere di errore?
Garzie
Posté le
nell'esempio che hai postato la pagina non scrolla e quindi l'eventuale difetto non si vede ... se ho capito bene...
... ho verificato sui miei browser e non ho notato nessuno scroll vero o apparente del menu allo scroll della HOME, neanche tornado da altre pagine...
... eventualmente aziona nel Browser Ctrl+F5 ...
... grazie per aver apprezzato la dissolvenza...
.
ciao
Auteur
io aprendo con chrome lo fa' con ie lo fa e con mozilla no :(
riprova perfavore http://www.stratoarte.it
Auteur
ora provo anche ad allungare le altre pagine inserendo delle immagini cosi va lo scroll
... adesso header e menu non sono fissi e scrollano ...
.
ciao
Auteur
ecco l'erroreee sta' nel codice questo:
<style type="text/css">
body {background-color:black;}
#DIV_CUSTOM {position:fixed;top:0px;width:100%;height:100%;padding:0;margin:0;background-repeat: no-repeat;background-position: center center;background-attachment: fixed;z-index: -30;
-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
background-image:url("http://www.stratoarte.it/images/1.jpg");
opacity:1;animation: fadein 5s; -moz-animation: fadein 5s; -webkit-animation: fadein 5s; -o-animation: fadein 5s;}
@keyframes fadein { from { opacity:0; } to { opacity:1; }} @-moz-keyframes fadein { from { opacity:0; } to { opacity:1;}} @-webkit-keyframes fadein { from { opacity:0; } to { opacity:1;}} @-o-keyframes fadein { from { opacity:0; } to { opacity: 1; }}
</style>
c e qualcosa che va in conflitto io questo codice lo inserisco nella proprieta' pagina ed in tutte le pagine con immagine diversa lo tolto e non mi da l'errore quindi chissa' cosa si deve modificare il conflitto col codice html del menu fisso che inserisco nell esperto head..... :( chissa' se puo' risolversi :(
... non ho guardato nel codice, ma vedo che adesso è tornato come prima, fisso...
.
Auteur
e' fisso perche' ho tolto il codice effetto :( ch emi serve pero' se non si capisce l'errore non posso inserirlo...ho lo sfondo pagina senza effetto sarebbe il codice prima che ho scritto se lo controlli per capire perche' fa' questo errore il cliente vuole l entrate con la dissolevanza :( :( ma se mi da quell errore non posso rinserire il codice prima citato :( help..me
puoi provare con questo che ti allego...ci sono anche le istruzioni...
naturalmente userai la tua immagine ed allegherai al progetto la tua immagine...
... per capire cosa intendevi dire, ho dovuto clonare la tua pagina, nella quale hai inserito altro codice EXTRA personalizzato che potrebbe interferire, e lo vedi nel:
>> ESEMPIO_1(!): http://www.zspace.it/kolasim/trash/dissolvenzaFabrizio.html ...funziona, ma interferisce quasi inavvertitamente sulla barra se si dovesse scrollare la pagina durante la dissolvenza, come da te segnalato inizialmente...
... per aggirare l'ostacolo ho usato il JS che mi ero inventato negli esempi precedenti, e così funziona a dovere, o almeno pare, e lo vedi nel:
>> ESEMPIO_2(OK): http://www.zspace.it/kolasim/trash/dissolvenzaFabrizio2.html
... il codice usato in questo esempio(OK) ... lo ho evidenziato tra i commenti presenti in HEAD:
<!-- BOBY elastico - HEADER e MENU fisso - DIV_CUSTOM - SCRIPT -inizio codice personalizzato -->
***TUTTO IL CODICE***
<!-- FINE codice DIV_CUSTOM personalizzato -->
... e nel BODY (/BODY):
<!-- DIV_CUSTOM ... prima della chiusura del body(/BODY) -->
<div id="DIV_CUSTOM"> </div>
<!-- DIV_CUSTOM ... FINE -->
...!... non avendo io il programma non posso avere riscontri, ma ti consiglio di valutare anche quanto proposto da Skeggia...!... ...magari è ancora più semplice...
... se servissero chiarimenti fatti risentire...
.
ciao
Auteur
ok ragazzi adesso provo tutte edue comunque gentilissimi :)
Auteur
Skeggia 12 ma il codice poi per far si che si adatta l immagine al monitor non lo inserisco? da quello che ho capito devo inserire quesi file che mi hai inviato in una cartella di nome files poi inserire i codici scritti da te uno nell HEAD e l'altro in prima ..body chiusura e cosi? perche' non vedo nessuno tipo di bakground 100%
:( non e' che mi potresti fare un piccolo progetto wbx5 zip ma giusto per non errare dal qul che ho capito... :(
Auteur
ecco ho fatto ho capito infatti era come indicato da te e verificato da me credo che funziona ora :) dovevo inserire uno codice in ognuno della propieta' pagina con l immagine indicata ed un altro in HEAD esperto quello non della pagina proprieta' ma il principale :) sembra che tutto funziona ora lo faccio per le altre immagini e provo tutto :) grazie Skeggia 12 ma anche grazie a Kolasim :) per grande disponibilita'
Auteur
ottimo direi date anche voi un occhiata http://www.stratoarte.it ma e' possibile anche cambiare tipo colore sfumatura? nel senso che l immagine sfuma nel bianco e poi ovvio compare invece cosa si potrebbe modificare le files js per far si che sfumasse nel nero?
:) oppure nel codice HEAD..... dite che possibile cambiare colore sfumatura di entrata immagine?
Auteur
c e anche la possibilita' di poter adattare la funzione su IE internet explorer il sito? cioe' se lo apro con IE vibra lo sfondo hahaha :) quando faccio lo scroll poi su mozilla ecc il resto va tutto bene su altri browser ...