V.19 - Content slider (altezza adattiva)
Autore: #ABCD WebAgency
Visite 1010,
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
+1
Inoltre sarebbe opportuno rendere anche responsive le immagini inserite come sfondo
+100000 e non solo per il content slider !
+100000
+1
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.
+1
... 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...
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...
... sì, 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
.
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.
Autore
solo ora mi accorgo che l'oggetto non è responsive! incredibile.