WebSite X5Help Center

 
Niccolò Parrini
Niccolò Parrini
User

Swiper Animated Slider, Responsive  it

Autore: Niccolò Parrini
Visite 2072, Followers 1, Condiviso 0  

Salve,

ho appena acquistato lo Swiper Animated Slider, esiste un modo per poterlo rendere Responsive? Vorrei che la galleria fosse larga quanto la finestra del browser.

Grazie.

Postato il
11 RISPOSTE - 3 UTILI
Tommaso Tarallo
Tommaso Tarallo
User

ciao ma dovrebbe essere responsive!

Leggi di più
Postato il da Tommaso Tarallo
Giancarlo B.
Giancarlo B.
User

Niccolò.. Swiper Animated Slider è responsive, questione diversa è portarla a full screen, per questo occorre un codice che la estenda per tutta la lunghezza del browser.

Leggi di più
Postato il da Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese FRUtente del mese PL
Niccolò Parrini
Salve, ho appena acquistato lo Swiper Animated Slider, esiste un modo per poterlo rendere Responsive? Vorrei che la galleria fosse larga quanto la finestra del browser. Grazie.

... disponi la galleria per tutta la larghezza delle celle della stessa riga, e posta il LINK della tua pagina di esempio, in modo che si possa valutare l'ente da controllare con codice EXTRA per estenderla a tutta larghezza della pagina...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Mirko Boschetti
Mirko Boschetti
Moderator

prova con questo, individuando il numero giusto della tua riga:

<style>
#imPageRow_1 div {
padding: 0;
width: 100% !important;
}
</style>

Leggi di più
Postato il da Mirko Boschetti
Niccolò Parrini
Niccolò Parrini
User
Autore

Salve,

Con il codice di Mirko ho fatto un bel passo avanti, adesso la galleria è a tutto schermo. Purtroppo però non c'è molta compatibilità perchè le frecce si sono allineate nel centro, vi posto il link per capire meglio: http://www.parriniweb.altervista.org/mountainmove

Grazie per il supporto.

Leggi di più
Postato il da Niccolò Parrini
Mirko Boschetti
Mirko Boschetti
Moderator

prova ad aggiungere anche questo...al limite modifica i valori:

.swiper-button-prev {left: -45%; right: auto;} .swiper-button-next {left: auto; right: -45%;}

(preso da un esempio di Giuseppe Guida)  wink

Leggi di più
Postato il da Mirko Boschetti
Giancarlo B.
Giancarlo B.
User

per l'oggetto swiper slider io uso questo:

<style>
#imPageRowContent_3,
#imPageRow_3 div[id^="imCell"] {
padding: 0;
width: 100% !important;
height: auto!important;
}
</style>

Leggi di più
Postato il da Giancarlo B.
Mirko Boschetti
Mirko Boschetti
Moderator

si ma con quello (che è come quello scritto da me) non comandi le freccie...o?

Leggi di più
Postato il da Mirko Boschetti
Giancarlo B.
Giancarlo B.
User
Mirko Boschetti
si ma con quello (che è come quello scritto da me) non comandi le freccie...o?

ciao Mirko .... dai testo che ho fatto con l'oggetto swiper slider funzionano anche le frecce laterali

Leggi di più
Postato il da Giancarlo B.
Mirko Boschetti
Mirko Boschetti
Moderator

ok....buono a sapersi....wink

Leggi di più
Postato il da Mirko Boschetti