2015-04-21 1 views
1

jssor`s Я использую простой слайдер выцветания и он работает нормально, но есть проблема с высотой и шириной ..Jssor Slider Fixed Height с динамической шириной

На самом деле я использую ширину в процентах и ​​проблемах потому что им является то, что, как я увеличивается ширина также увеличивается так же для наоборот ..

Я хочу, высота ползуна остается неподвижным, но изменяется ширина соответственно ..

+0

Если вы хотите увеличить ширину, ваше изображение будет растянуто без сохранения отношения изображения. –

+0

Да, я знаю это, но все же я хочу, чтобы это было сделано, пожалуйста, помогите, если вы так знаете –

+0

это может помочь: http://stackoverflow.com/a/25373831/4273446 –

ответ

0

наиболее я был в состоянии чтобы заставить ползунок масштабировать ширину перед инициализацией, по существу работая как 100% ширина и фиксированная высота.

Единственная проблема заключается в том, что он не масштабируется, если изменяется размер окна.

В любом случае, для тех, кто заинтересован, просто обновить слайдер контейнера дивы с JS прямо перед тем как инициализировать Jssor:

<!-- Jssor Trigger --> 
<script> 
    var parentWidth = document.getElementById('slider').offsetWidth; 
    document.getElementById('slider1_container').style.width=parentWidth+'px'; 
    document.getElementById('slider1_slides').style.width=parentWidth+'px'; 
    jssor_slider1_starter('slider1_container'); 
</script> 

Если страница имеет вертикальную полосу прокрутки, вы могли бы назвать этот код после окончания тег div, от которого вы получаете значение ширины, или просто перед закрытием тега body.