Auto height/width and responsive template

I'm having great difficulty making the slideshow size scale down in my responsive template.

If I enter "auto" in the width/height parameters in the module, only the center of the image is displayed (auto-auto.jpg).


If I enter the height/width in px (972 wide x 250 tall) then the slideshow looks correct on standard width desktop browser view (fixed-size.jpg),


BUT if I scale down the window size, the height of the slideshow remains at 250px (fixed-size-small-window.jpg).


What am I doing wrong?

Kind Regards,
Dusty

hi
have you tried to give a height and let the width on auto ?
Ced

Yes. The result is just like "fixed-size-small-window.jpg" attached above.
I've also tried the opposite (auto height and fixed width) with comical results. :silly:


Dusty

then try to change the option "Adjust the images" to see

Tried that too.

Auto height, fixed width, adjust=yes looks just like auto-auto.jpg above.

Dusty

Figured it out with some help from the documentation on the Pixedelic site:

Height: here you can type pixels (for instance '300px'), a percentage (relative to the width of the slideshow, for instance '50%') or auto

Set the width as "auto".
Set the height as a percentage. The percentage in my case was calculated by dividing the height of the images by the width 250÷972=0.2572 (25.72%).

But that's not all. In the camera.js and camera.min.js, there was a min-height:200px. I removed that, and it works great.

Now, is there any magic you can perform in the module to prevent us from having to do that math?
And while you're in there, how about clearing those min-heights from the js files so I won't have to do it on 180 sites when the module gets updated? :S

D