Hi there,
Are you able to use Smart Crop or is there a separate issue with this option?
Thanks,
Dave
Hi Dave,
We are able to use the Smart Crop, yes. It seems the issue is due to the JS math that is going on.
We ended up pushing the site live, and you can see it here.
So we want it to appear like it does on the ‘automotive’ page: http://blog.dustinkessler.co/
But this is the page itself that is experiencing the issue: http://blog.dustinkessler.co/portrait/
As you can see on the portrait page, there is a large gap between photos which are shot as portrait vs. landscape. It seems that the JS is what is at fault here, it does the math and gets the size of the photo and sizes it properly for CSS. But the problem at that point is that the photo sits in a box that is sized according to the math done by JS. From there, there is a large white space between the other photoboxes in the carousel.
Thanks,
Quinton
Hi Quinton,
The Smart Pad option adds the white padding to make up the size of the slider without cropping the image – each slide has to be the same width, this is a limitation.
To avoid cropping and the white space/padding you’ll need to upload images that are the correct dimensions and disabled cropping altogether.
Thanks,
Dave
Dave,
Would it not be possible to size the image but have the images touch? What is the limitation of the slides having the same width? I’m actually curious about that.
No worries here, I’m a programmer as well – I was just seeing if there was an easy solution to this. I’ll probably mess around with it a bit more, but I am curious what the limitations are as to the slides being the same width, vs. why they can’t be varying widths.