WebSite X5Help Center

 
Niccolò Parrini
Niccolò Parrini
User

Swiper Animated Slider, Responsive  it

Autor: Niccolò Parrini
Visitado 2199, Seguidores 1, Compartilhado 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.

Publicado em
11 RESPOSTAS - 3 ÚTEIS
Tommaso Tarallo
Tommaso Tarallo
User

ciao ma dovrebbe essere responsive!

Ler mais
Publicado em 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.

Ler mais
Publicado em 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...

.

Ler mais
Publicado em 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>

Ler mais
Publicado em de 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.

Ler mais
Publicado em 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

Ler mais
Publicado em 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>

Ler mais
Publicado em de Giancarlo B.
Mirko Boschetti
Mirko Boschetti
Moderator

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

Ler mais
Publicado em 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

Ler mais
Publicado em de Giancarlo B.
Mirko Boschetti
Mirko Boschetti
Moderator

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

Ler mais
Publicado em de Mirko Boschetti