WebSite X5Help Center

 
Niccolò Parrini
Niccolò Parrini
User

Swiper Animated Slider, Responsive  it

Autor: Niccolò Parrini
Besucht 2205, Followers 1, Geteilt 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.

Gepostet am
11 ANTWORTEN - 3 NüTZLICH
Tommaso Tarallo
Tommaso Tarallo
User

ciao ma dovrebbe essere responsive!

Mehr lesen
Gepostet am von 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.

Mehr lesen
Gepostet am von 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...

.

Mehr lesen
Gepostet am von  ‪ 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>

Mehr lesen
Gepostet am von 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.

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von 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>

Mehr lesen
Gepostet am von Giancarlo B.
Mirko Boschetti
Mirko Boschetti
Moderator

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

Mehr lesen
Gepostet am von 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

Mehr lesen
Gepostet am von Giancarlo B.
Mirko Boschetti
Mirko Boschetti
Moderator

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

Mehr lesen
Gepostet am von Mirko Boschetti