WebSite X5Help Center

 
#ABCD WebAgency
#ABCD WebAgency
User

V.19 - Content slider (altezza adattiva)  it

Auteur : #ABCD WebAgency
Visité 1026, Followers 2, Partagé 0  

ottima l'idea di creare il content slider (era ora!). Perfetto per la possibilità di adattarlo alla larghezza dei monitor in cui si visualizza!

Ora però bisogna lavorare anche sull'adattamento del content slider per la sua lunghezza; adattare il tutto anche alla lunghezza dei monitor in cui si visualizza.

Posté le
11 RéPONSES - 2 UTILE
Giuseppe Guida
Giuseppe Guida
User

+1

Inoltre sarebbe opportuno rendere anche responsive le immagini inserite come sfondo

Lire plus
Posté le de Giuseppe Guida
Vincenzo Errico
Vincenzo Errico
User

+100000 e non solo per il content slider !

Lire plus
Posté le de Vincenzo Errico
Giuseppe Puzzolo
Giuseppe Puzzolo
User

+100000

Lire plus
Posté le de Giuseppe Puzzolo
A. Kris
A. Kris
User

+1

Lire plus
Posté le de A. Kris
Incomedia
Elisa B.
Incomedia

Buongiorno!

Grazie per il tuo suggerimento. Potresti allegare qualche screenshot per mostrarmi meglio che risultato vorresti ottenere? In questo modo, potrò riportare la tua idea con più precisione. 

Grazie, resto in attesa di un tuo riscontro.

Lire plus
Posté le de Elisa B.
Roberto N.
Roberto N.
User

+1

Lire plus
Posté le de Roberto N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

... in attesa della evoluzione dell'idea, ...solo a titolo informativo, e solo per i principianti dell'ultima ora che ancora non lo sapessero e leggendo qui ne fossero interessati, ... é possibile ottenere la prima riga o l'heder a tutta altezza in rapporto cover con codice extra semplice e non impegnativo...

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
 ‪ KolAsim ‪ ‪
é possibile ottenere la prima riga o l'heder a tutta altezza in rapporto cover con codice extra semplice e non impegnativo...

Ciao KolAsim, con quale codice extra è possibile adattare in altezza l'header?
Ad esempio, io uso questo per le righe:

<style> #imPageRow_1 { min-height: 100vh; }</style>

Lire plus
Posté le de Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT
Vincenzo Errico
 ‪ ... ... ...  Ciao KolAsim, con quale codice extra è possibile adattare in altezza l'header? Ad esempio, io uso questo per le righe: <style> #imPageRow_1 { min-height: 100vh; }</style>

ciao, ... converrebbe discuterne su appositi Topic esterni a questo...
... dipende dalla struttura usata, su cui basarsi per potersi orientare, ed un semplice esempio online sarebbe utile...
... penso che la cosa più semplice sia quella di eliminare l'heder ed usare la prima riga disposta al TOP della pagina... 
... , il tuo codice va bene,  o andrebbe bene, ma va visto nel contesto, e 100vh equivale 100% ...
... in genere *vw ed *vh si usano per controllare le dimensioni percentuali in base alla finestra del browser...

... visto che si tratterebbe sempre di manipolare qualcosa, una volta che ci si entra dentro diventerebbe facile, e la mia idea fondamentale e semplice che forse ti avevo fatto vedere  consisterebbe nel realizzare un qualsiasi slideshow terzo (tu ne sei già un esperto), da importare nel progetto con il mio codice applicato allo storico DIV_CUSTOM+IFRAME (che hai o avevi già usato), altamente flessibile e disimpegnato dal progetto, ed una volta che si è provato non se ne potrà fare a meno dando libero spazio alla propria creatività; ...una volta che si sa, più limite non c'è...

... nel caso ci risentiremo altrove...

ciao

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User

Elisa, dovrebbe essere qualcosa del genere:

http://www.bozzasito001.altervista.org/slidebootstrap/

l'altezza della slide creata con il framework Bootstrap (ho usato una vecchia versione di Bootstrap) si adatta sempre a qualsiasi altezza del dispositivo sul quale viene visualizzata.

Lire plus
Posté le de Giuseppe Guida
#ABCD WebAgency
#ABCD WebAgency
User
Auteur

solo ora mi accorgo che l'oggetto non è responsive! incredibile.

Lire plus
Posté le de #ABCD WebAgency