WebSite X5Help Center

 
Niccolò Parrini
Niccolò Parrini
User

Swiper Animated Slider, Responsive  it

Auteur : Niccolò Parrini
Visité 2203, Followers 1, Partagé 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.

Posté le
11 RéPONSES - 3 UTILE
Tommaso Tarallo
Tommaso Tarallo
User

ciao ma dovrebbe essere responsive!

Lire plus
Posté le de 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.

Lire plus
Posté le de Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
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...

.

Lire plus
Posté le de  ‪ 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>

Lire plus
Posté le de Mirko Boschetti
Niccolò Parrini
Niccolò Parrini
User
Auteur

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.

Lire plus
Posté le de 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

Lire plus
Posté le de 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>

Lire plus
Posté le de Giancarlo B.
Mirko Boschetti
Mirko Boschetti
Moderator

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

Lire plus
Posté le de 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

Lire plus
Posté le de Giancarlo B.
Mirko Boschetti
Mirko Boschetti
Moderator

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

Lire plus
Posté le de Mirko Boschetti