WebSite X5Help Center

3 RISPOSTE - 1 UTILE - 1 CORRETTO
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... puoi ottenerlo con lo slideshow applicato come sfondo nello stile delle righe ...

>> Elenco immagini

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Giuseppe Guida
Giuseppe Guida
User

Puoi fare come consigliato da KolAsim ma in quel caso non puoi aggiungere didascalie alle foto e non puoi variare il tempo della transizione tra una slide e l'altra (molto povera come funzionalità Elenco Immagini in Stile righe). Però aggiungendo nella griglia di impaginazione un Oggetto Testo e abilitando le Schede nell'Oggetto Testo puoi, in ogni Scheda, aggiungere del testo e in Stile Schede abiliti l'avvio automatico con tempo 6 secondi in modo che le scritte vadano a tempo con lo scorrimento delle foto. Purtroppo però sei vincolato al tempo di scorrimento "imposto" dal Software. Un esempio di quello che potresti ottenere qui nella home page di questo mio lavoro:

http://www.bozzasito001.altervista.org/generalstore02/

Se vuoi aggiungere invece delle didascalie direttamente su ogni foto e variare il tempo di transizione tra una foto e l'altra oltre ad altri parametri ti consiglio di usare l'oggetto "Swiper Animated Slider" (è a pagamento ma ne vale la pena: https://market.websitex5.com/it/oggetti/anteprima/149bc886-30b5-438b-a112-3079014c6bf) e con pochissime righe di codice rendi le slide a pieno schermo, poi con delle @media queries rendi i testi delle didascalie delle foto adattabili alle varie risoluzioni come in questo template creato da me:

http://www.bozzasito001.altervista.org/fitness01/

Fai Ctrl+U e le righe di codice che ti interessano vanno dalla 68 alla 92. Occhio solo ad individuare il giusto numero di #imPageRow_num div (nel mio caso num è 1) e il giusto numero di #swiper_pluginAppObj_num (nel mio caso num è 110). Quel codice che ti ho indicato andrà poi inserito in Proprietà della Pagina/Esperto/Codice personalizzato/Prima della chiusura del Tag Head.

Un altro esempio di quello che puoi ottenere con "Swiper Animated slider" e quelle poche righe di codice lo puoi vedere su quest'altro mio lavoro:

http://www.bozzasito001.altervista.org/gfeventi05/

Ciao ciao

Leggi di più
Postato il da Giuseppe Guida
Mirko C.
Mirko C.
User
Autore

Grazie mille :-)

L'ultima soluzione è quella che mi garba di più

<style>#imPageRow_1 div {padding: 0;width: 100% !important;}.swiper-button-prev {left: -45%; right: auto;} .swiper-button-next {left: auto; right: -45%;}
/* CODICE PER FAR ADATTARE I TESTI DELLE DESCRIZIONI delle FOTO */@media only screen and (min-width: 1130px) {#swiper_pluginAppObj_110 .swiper-slide .slide-description {font-size:42pt;padding-top:4pt;padding-bottom:4pt;}}@media only screen and (max-width: 1129px) {#swiper_pluginAppObj_110 .swiper-slide .slide-description {font-size:28pt;padding-top:4pt;padding-bottom:4pt;}}@media only screen and (max-width: 800px) {#swiper_pluginAppObj_110.swiper-slide .slide-description {font-size: 22pt;padding-top:4pt;padding-bottom:4pt;}}@media only screen and (max-width: 519px) {#swiper_pluginAppObj_110 .swiper-slide .slide-description {font-size: 16pt;padding-top:3pt;padding-bottom:3pt;padding-right:5pt;padding-left:5pt}}</style>

Leggi di più
Postato il da Mirko C.