WebSite X5Help Center

 
Niccolò Parrini
Niccolò Parrini
User

Swiper Animated Slider, Responsive  it

Autor: Niccolò Parrini
Visited 2201, Followers 1, Udostępniony 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.

Posted on the
11 ODPOWIEDZI - 3 USEFUL
Tommaso Tarallo
Tommaso Tarallo
User

ciao ma dovrebbe essere responsive!

Czytaj więcej
Posted on the from 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.

Czytaj więcej
Posted on the from 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...

.

Czytaj więcej
Posted on the from  ‪ 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>

Czytaj więcej
Posted on the from Mirko Boschetti
Niccolò Parrini
Niccolò Parrini
User
Autor

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.

Czytaj więcej
Posted on the from 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

Czytaj więcej
Posted on the from 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>

Czytaj więcej
Posted on the from Giancarlo B.
Mirko Boschetti
Mirko Boschetti
Moderator

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

Czytaj więcej
Posted on the from 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

Czytaj więcej
Posted on the from Giancarlo B.
Mirko Boschetti
Mirko Boschetti
Moderator

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

Czytaj więcej
Posted on the from Mirko Boschetti