WebSite X5Help Center

 
Dario G.
Dario G.
User

Immagini in home page  it

Autore: Dario G.
Visite 83, Followers 1, Condiviso 0  

Buongiorno, ho la necessità di creare un sito in cui nella home page in ABowe the fold scorrono 5 immagini a tutto schermo in formato orizzontale, mentre per la visualizzazione da smarthone nella home page in ABowe the fold scorrono 5 immagini in formato verticale a tutto schermo e differenti da quelle desktop. Come posso fare ?

Altra cosa vorrei che l'header rimanga trasparente in modo che si vedano sotto le 5 immagini già dalla parte alta. Allego schermata per far capire  questo concetto

Postato il
2 RISPOSTE
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese IT


... quello che tu vuoi ottenere è quello che io ho sempre suggerito dalla notte dei tempi, ...immagini adattate dinamicamente per peso e misure al PC o al mobile...
...pensato in questo momenti sulla base di una mia idea originale di diversi anni che fa consiste nel div_sino con un mio semplice controllo EXTRA, utile per decine di applicazioni diverse...
... ma tutto dipende da cosa vuoi ottenere realmente, e meglio sarebbe se  tu posti il LINK di un tuo esempio reale online...
... in pratica, se si vuol usare lo slide come sfondo:
1) ... nella prima riga si realizza lo slide come sfondo della riga con immagini prettamente orizzontali, per esempio in (3:2) o (2:1)...
... la riga prenderà l'altezza in base ai relativi contenuti, e le immagini assumeranno rapporto responsive in modalità CSS COVER (!), (centro/centro sulla priorità W/H), ...lo slide sarà visibile per esempio sopra ai canonici 720px (o quando lo si vuole)...
2) ... nella seconda riga si realizza lo slide come sfondo della riga con immagini prettamente verticali, per esempio in (2:3) o (1:2)...
... anche in questo caso la riga prenderà l'altezza in base ai relativi contenuti, e le immagini assumeranno rapporto responsive in modalità CSS COVER (centro/centro sulla priorità W/H); ...lo slide sarà visibile per esempio sotto ai canonici 720px (o quando lo si vuole)...
... per fartene un'idea indicativa di come funzione ti faccio vedere questo esempio Tedesco che ha applicato il mio codice e dove sopra o sotto i 720px cambia lo slide:
https://sehenswertes-in-deutschland.de/affiliate-doppelbanner.html

... ovviamente se non interessa lo sfondo della riga si possono usare slide ordinari in due  celle normali in righe sovrapposte come > questi ed atri miei metodi...

.

ciao

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Giancarlo B.
Giancarlo B.
User

ecco un esempio con link funzionante

naturalmente le immagini vanno scelte un base all'attuale necessità

Leggi di più
Postato il da Giancarlo B.