SlidesJS responsive full width, height resizing

[Matteo Pelosi]

Hello everyone,

so i've se up a slidesJS slider in a responsive website. No problems when i have the container fixed width at 1260px (in slidesJS settings i put 1260,350). however when the container goes 100% (at 1260px markpoint with media query) the slider height resizes. I want it to keep the height at 350px but have no idea where to start. In other words i need .slidesjs-container, .slidesjs-control{height:350px;} that via CSS doesn't work Thanks in advance

[Thin Soldier]

The width and height given to the settings is used more like an aspect ratio. The width and height always expand in relation to each other. With much effort and javascript I have made it possible to stick to a fixed height defined in my stylesheets. I can share what I have but it is a lot of very messy javascript.

[Thin Soldier]

Took a while to simplify this down to a demo page. It's still quite messy :(

https://github.com/thinsoldier/SlidesJS-JumpStart

Whatever you set the height of the slideshow parent to (via css, including media queries) is what it will stay at after resizing the window.

On Monday, June 2, 2014 3:36:13 AM UTC-4, Matteo Pelosi wrote:

[Saptarshi Gan]

You can try changing the slidesjs file and keep the container height fixed in it.In the file change the part of the code where new height is measured to keep it to old height.

Like below:

n=this.options.height/this.options.width*r;  to n=this.options.height;  and it will work.

also attached the modified file for you