Boa tarde!
Estou com um problema ao utilizar um sliderslider vertical, o Swiper Slider (http://idangero.us/swiper/demos/Swiper Slider) estou utilizando o MouseWheel controlMouseWheel control.
Meu problema é o seguinte, como ele é um slider verticalslider vertical, preciso definir um tamanho para o heightheight
, então, não consigo deixá-lo responsivo, por exemplo.
Exemplo:
Abaixo encontra-se o arquivo css onde defino o tamanho do containercontainer
que irá comportar os elementos do sliderslider
.
Como podem ver, defini o tamanho do heightheight
em 900px900px
, é claro que em telas menores ele continuará com 900px900px
, preciso que ele se adeque ao tamanho da tela, certo, isto posso resolver com media-queriesmedia-queries
, porém, tenho mais um problema, vejam o scriptscript que efetua a inicialização do sliderslider:
A opção slidesPerViewslidesPerView
, define quantos slides aparecerão na tela por vez, se eu diminuir o heightheight
, continuarão aparecendo 4 slides :/
O htmlhtml coloquei no pen pqporque se não o postpost ficaria muito extenso. HTML: http://codepen.io/fredddd/pen/XdBZbQ
Alguma ideia de como resolver? Também estou aceitando indicações de algum vertical slidervertical slider melhor.
Ahh, estou utilizando o materialize como framework css.Estou utilizando o materialize como framework css.