WebSite X5Help Center

 
#ABCD WebAgency
#ABCD WebAgency
User

V.19 - Content slider (altezza adattiva)  it

Autore: #ABCD WebAgency
Visite 849, Followers 2, Condiviso 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.

Postato il
11 RISPOSTE - 2 UTILI
Giuseppe Guida
Giuseppe Guida
User

+1

Inoltre sarebbe opportuno rendere anche responsive le immagini inserite come sfondo

Leggi di più
Postato il da Giuseppe Guida
Vincenzo Errico
Vincenzo Errico
User

+100000 e non solo per il content slider !

Leggi di più
Postato il da Vincenzo Errico
Giuseppe Puzzolo
Giuseppe Puzzolo
User

+100000

Leggi di più
Postato il da Giuseppe Puzzolo
A. Kris
A. Kris
User

+1

Leggi di più
Postato il da 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.

Leggi di più
Postato il da Elisa B.
Roberto N.
Roberto N.
User

+1

Leggi di più
Postato il da Roberto N.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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...

Leggi di più
Postato il da  ‪ 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>

Leggi di più
Postato il da Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
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

.

Leggi di più
Postato il da  ‪ 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.

Leggi di più
Postato il da Giuseppe Guida
#ABCD WebAgency
#ABCD WebAgency
User
Autore

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

Leggi di più
Postato il da #ABCD WebAgency