Immagini in home page 
Auteur : Dario G.
Visité 254,
Followers 1,
Partagé 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
Posté le
... 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... (...ma c'è anche di più....)...
.
ciao
.
ecco un esempio con link funzionante
naturalmente le immagini vanno scelte un base all'attuale necessità
Auteur
ORA, nella home su desktop voglio che si veda una immagine a tutto schermo orizzontale, mentre nella home su smartphone voglio che si veda una immagine a tutto schermo verticale e quella che si vedeva orizzontale da desktop venga nascosta.
Se io nelle altre versioni nascondo quella orizzontale per desktop però da desktop si vede anche quella verrticale che non dovrebbe vedersi. come posso fare?
Non so se ho capito, ma tu non vuoi che lo stesso gruppo di immagini si adattino alla risoluzione riempendo completamente lo schemo come in questo esempio
https://toolsshop.altervista.org/content-slider/
tu vuoi che siano diverse fra desktop e smartphone?
... come ti avevo detto dipende da cosa in realtà si vuole ottenere, esistono decine di interpretazioni...
... in questo caso specifico che hai chiesto a cercarli ci sono vari topic/post in tutte le lingue, alla base c'è sempre la mie idea originale, ma faccio prima facendoti vedere questo mio esempio fatto proprio adesso su due piedi, con due dei miei esclusivi suggerimenti basati sullo sfondo della PRIMA riga, sia in modalità normale-fluttuante che in full height:
>> https://kolasim.websitex5.me/mostra_nascondi_sfondoriga/cambia_sfondo_1.html
... poi ci sono altre possibilità per altre situazioni, con altre mie idee esclusive basate sul full page, normale, parallax, para-parallax-fisso, eccetera...
.