WebSite X5Help Center

 
Remo D.
Remo D.
User

Effetto parallasse  it

Autor: Remo D.
Visitado 110, Followers 0, Compartido 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 

Publicado en
9 RESPUESTAS
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à

Leer más
Publicado en de Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ENUsuario del mes ES

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

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

.

ciao

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Remo D.
Remo D.
User
Autor

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 

Leer más
Publicado en de Remo D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ENUsuario del mes 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

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Remo D.
Remo D.
User
Autor

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

Remo

Leer más
Publicado en de Remo D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ENUsuario del mes 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

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ENUsuario del mes ES

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

.

Leer más
Publicado en de  ‪ 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.

Leer más
Publicado en de 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.

Leer más
Publicado en de Roberto M.