WebSite X5Help Center

 
S. A
S. A
User

Ottimizzare per mobile Slideshow di foto come animazione per l'header  it

Автор: S. A
Просмотрено 1005, Подписчики 1, Размещенный 0  

Buongiorno a tutti

Sto credando un sito e ho inserito nell'header una slideshow di foto che scorrono orizzontalemnte.

Ho notato che per quanto sia molto bello da desktop non ottengo lo stesso risultato da mobile in quanto le foto non vengono visaulizzate per un monitor da mobile ma rimangono della grandezza per un monitor desktop.

Come faccio a rendere le foto solo per mobile da grandezza mobile e da pc per grandezza pc ?

Grazie

Размещено
5 Ответы - 1 Полезно
Claudio D.
Claudio D.
Moderator
Лучший пользователь месяца IT
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT

... il link dalla prova poteva forse essere utile...

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
S. A
S. A
User
Автор

Tutto chiaro... ma il mio problema consiste che ho impostato dalla sezione " stile righe " un elenco di immagini a scorrimento orizzontale e per la visualizzazione desktop è perfetta mentre per altre visualizzazioni meno e smartphone per niente.... se io volessi lasciare solo per desktop questa impostazione e per esempio su smartphone mettere solo un immagine, è possibile ? Sarebbe perfetto poter scegliere cosa far visualizzare.

Ecco un esempio https://www.othalabeauty.com/index.html

Читать больше
Размещено От S. A
Roberto M.
Roberto M.
User

Ciao hai inserito uno slider con sequenza a tempo. Per fare in modo che si adattano in "quasi responsive" devi mettere un separatore sopra e uno sotto.Regola l'altezza di entrambi e li agganci alle immagini poi, nel progetto, nel scendere di risoluzione nascondi i due separatori e vedrai che l'immagine si adatterà al device mobile. Solitamente si fa a manella con altro oggetto e con codice extra come su questo DEMO

Читать больше
Размещено От Roberto M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT

... x S.A., ... scusami, ...ma hai usato WEBP che purtroppo il mio PC non mi fa vedere...
... non so se webp c'entri qualcosa, ma, visto che hai la v.PRO intanto prova ad aggiungere un ultimo breakpoint a 320px, che per una mia intuizione aveva risolto alcuni casi simili ma in passato...
... fai anche le prove provando a togliere l'effetto parallasse...

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪