search

bqworks / slider-pro

A modular, responsive and touch-enabled jQuery slider plugin that enables you to create elegant and professionally looking sliders.
MIT License
876 stars 387 forks source link

FullWindow and height issue #312

Closed fatsoua closed 3 years ago

fatsoua commented 4 years ago

My basis is example 2. I modified it so that one slide is displayed at a time and fullwindow. however the height of the image is too much. how can i achieve having the images fullwindow (without loosing its quality) and with a fixed shorter height of my choice? This is what I have: $(document ).ready(function( $ ) { $( '#example2' ).sliderPro({ width: 960, height: 500, visibleSize: 'auto',
forceSize: "fullWindow", autoSlideSize: true, responsive: true, shuffle: false, loop: true, slideDistance: 0, arrows: false, buttons: false, keyboard: true, breakpoints: null }); }); Thank you in advance.

davidghi commented 4 years ago

Hi. If the Height is fixed and set to be as high as the browser's height, with autoSlideSize enabled, some slides might not be fully visible because their width might be bigger than the browser's width. In order to have the image fully visible, you should disable autoSlideSize and set imageScaleMode to contain.

Best, David