WebSite X5Help Center

 
Remo D.
Remo D.
User

Effetto parallasse  it

Autore: Remo D.
Visite 116, Followers 1, Condiviso 0  

Buongiorno KolaSim

ho impostato le immagini di sfondo come da te suggerito e funziona bene, senza riduzione delle stesse, purtroppo in stile righe se attivo effetto parallasse la riduzione automatica  immagini  non funziona.
Grazie 

Postato il
9 RISPOSTE
Giancarlo B.
Giancarlo B.
User

In attesa di KolAsim, purtroppo lo stile righe con il parallasse è di contorno alla pagina del sito con uno sfondo che faccia risaltare testi ed oggetti non per mostrare galleria di immagini, ora non so bene quale sia la tua necessità

Leggi di più
Postato il da Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ENUtente del mese ES

... scusami Remo, se puoi postare il LINK della pagina  o quella di esempio,  per poter valutare...

... in teoria non dovresti incontrare problemi...

.

ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Remo D.
Remo D.
User
Autore

Ciao KolaSim

Penso di aver impostato bene secondo tue istruzioni, perchè quando vedo da browser tutto a posto. Il problema è quando inserisco da stile riga la funzione parallasse che le immagini tornano alla vecchia visualizzazione.

questo è il link:

https://www.prolocomontefaito.it/home-page---copia.html

grazie 

Leggi di più
Postato il da Remo D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ENUtente del mese ES

.. bravo, ... hai interpretato correttamente...wink
... ma mi viene un dubbio, ... forse non hai esteso il PNG a tutta larghezza della riga come avevo suggerito, ripeto forse!...
... adesso ho finalmente un nuovo PC, e dalla prossima settimana potrò sicuramente sperimentare da solo le mie invenzioni, senza dubbi...cool
... con il tuo esempio, e ti ringraziosmile, ...hai comunque dimostrato l'inciso che per questo tipo di esempio trattato qui per l'aspetto Responsive-Razionale non servono codici EXTRA...cool

... per il secondo caso per quanto riguarda il parallasse vero (non fisso), quello che scrolla a velocità differente dallo scroll della pagina, devi considerare che l'immagine deve assumere dimensioni verticali superiori a quelle della luce della finestra in cui deve scorrere, perchè ovviamente se fosse delle stesse misure della finestra scrollerebbe il bianco al suo fondo; ... son cose logiche che bisogna conoscere e saper valutare ed interpretare...
... sulla base di questo, per poter io fare qualche valutazione adesso, devo poter vederne un esempio fatto in questo senso, con stessa precedente struttura, cella unica estesa a tutta larghezza e contenente il solo PNG trasparente...cool
...
... nel caso ci risentiremo...wink
.
ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Remo D.
Remo D.
User
Autore

ti confermo Il png è esteso a tutta la riga. Le immagini caricate sono tutte di dimesioni uguali 800x450 compreso il png. A presto

Remo

Leggi di più
Postato il da Remo D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ENUtente del mese ES
Remo D.
ti confermo Il png è esteso a tutta la riga. Le immagini caricate sono tutte di dimesioni uguali 800x450 compreso il png. A presto Remo
... il dubbio espresso prima mi rimane; ...
.... forse non è stata attivata qualche opzione del PNG...
... il PNG in finestra sopa 1200px non si estende...

.

ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ENUtente del mese ES

... occhio al logo in alto a sinistra, copre il menu in quella zona, ... e la Sticky Bar mi sembra troppo estesa verticalmente...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Roberto M.
Roberto M.
User

Questa immagine non si estenderà mai con quelle misure.

  • Prepara una pagina test
  • inserisci l'oggetto IMMAGINE con estensione massima sia nel progetto che in stile riga
  • Imposta i margini interni ed esterni tutti a zero
  • Ora CARICA LA TUA IMMAGINE PRINCIPALE IN TRASPARENZA (png) DIRETTAMENTE NELL' OGGETTO IMMAGINE MA FALLA DA 1920X500 (1:9) .
  • VAI POI SULLE OPZIONI STILE RIGA E SCEGLI ► SEQUENZA IMMAGINE E INSERISCI LE TUE IMMAGINI che devono avere la stessa dimensione di quella trasparente inserita all'inizio.
  • Se ritieni opportuno imposta un OWERLAY AL 40% che puoi variare o anche eliminare in base alle tue esigenze
  • Salva tutto
  • Prova il test in anteprima progetto e poi su uno dei browser che il programma ti mette a disposizione sull'icona "anteprima".
  • Simulando le risoluzioni più basse attraverso il restringimento del browser noterai che l'immagine segue la finestra adattandosi.
  • Se tutto è andato per il verso giusto non dovrai fare altro se non affinare la tecnica per immagini con scritte e slogan.

NOTE: L'impostazione del parallasse in questo contesto e con questa configurazione farà si che le immagini si distorceranno. Se cerchi questa soluzione non tenere in considerazione questo suggerimento.

Leggi di più
Postato il da Roberto M.
Roberto M.
Roberto M.
User

@Remo. Se ti interessa invece propio un parallasse responsive fino a risoluzioni 960px fammelo sapere che ti do il link con esempio e codice da inserire.

Leggi di più
Postato il da Roberto M.