I have a gallery with mixed horizontal and vertical images, and the captions range from long to short. I would like to set the image container's margin-bottom property to auto so that some images won't appear with huge empty spaces between the image and caption, but "element.style" is the only rule I can find. Have also looked through the template and module files, but can't come up with a way to do this.
Here is the element.style being output:
element.style {
height: 639px;
padding-bottom: 64px;
padding-right: 0;
position: relative;
width: 625px;
}
Comments
Comment #1
idflood commentedI'm not sure to understand what you are trying to achieve. By default, the caption is displayed just below the slides. The slideshow container has a height equal to the maximum image height so that the content below it doesn't move. On landscape images it will create an empty space between the caption and the content below the slideshow. Is that what happens?
So you want to change this to remove the empty space between caption and content below. With this method the content below it will move when the current slide has a different ratio than the previous one?
Comment #2
muranod commentedYes, that would make it move up and down. I have a better understanding now all of how it works then when I wrote that post. I think that getting rid of the empty space will only work for me if I can make the images clickable. sorry for the confusion.
Comment #3
idflood commentedThe fact that the container has the size of the largest slide is a default option in jquery.cycle (containerResize):
http://jquery.malsup.com/cycle/options.html
Right now there is no option in field_slideshow to set this but I can imagine this being added. If anyone provides a patch I would be glad to review and commit it.
Comment #4
lamp5