Auto height/width and responsive template

Thank you for feedback !
For the min-height it is encoded directly in the JS and I would like not to hack it to avoir future issues.
Anyway I can't reproduce your initial issue, if I could I would work on a better way to avoid such problem.
look at my website, if you look at my website:
www.joomlack.fr/extensions-joomla/slideshow-ck
resizing the window and the slideshow always keep the same height and the image displays well
Ced

The example on your site does work pretty well, but it also crops the image at iPhone resolution. This is unacceptable for my purpose as the content being displayed is basically a banner ad with type that cannot be cropped. Cropping is very minimal on the original version at Pixedelic, even at iPhone resolution.

As you say, your example does keep the same height, but I need it to change.

I can reproduce the issue on your site with the third slide (the bunny video):
Narrow the window to ~500px and when the third slide loads, it crops first, then while the video loads from Vimeo, it exhibits the same "letterbox" effect that mine was doing. This is a result of the min-height in the js.

Our dev server is behind a firewall or I'd let you see it directly.

D

@Dustin5: thanks a lot for figuring this out, saved me a lot of time.

Yet I have one problem still: the width of our mobile display is 300 px (based on the Skeleton responsive template) and it seems that my images are not resized to fit this width. It seems that they are resized to the second-smallest width.

Do you have any suggestions for this issue?

And regarding this one:

ced1870 wrote: For the min-height it is encoded directly in the JS and I would like not to hack it to avoir future issues.

Maybe there's some way to overrule this setting from an external file?

Kind regards, Frits

Frits,

So you tried setting the min-height in camera.js and camera.min.js to 0?
Can you provide a url so I can see what's happening?

Dusty

I did not change the minheight values, I removed the parameters completely. Now I've set them to 1px and the images are resized correctly.

But... the area in which the slideshow is displayed, is too high now.

My url is: www.oorzaak-develop04.nl

Frits

Looks like the float:left in line 379 of jskeleton.css might be causing some issues.
Try overriding it in template.css
It's kinda bad mojo, but throwing in a "! important" has helped me out of jams like this. :whistle: