Need vertical photo gallery with autoplay

[MandaRyte]

I want to implement a photogallery with a vertical thumbnail slide on the right and the larger photo underneath. Both need to fit within the width and height of the viewable area of the right column of my two-column layout.

The gallery example that I want is here (http://www.javascriptbank.com/single-responsive-photo-gallery-plus-slideshow.html). The page layout that I am using is from this site here (http://www.dynamicdrive.com/style/layouts/item/css-left-frame-layout/).

In the right column I have a fixed header that is 200px high full width of the right column. I also have a sticky footer on this column. The active photo should fit the entire viewing area without scrolling to see it all. The thumbnail slider should be on the right as in the example above, but fit between the bottom of the header and the bottom of the screen without any adjustments to see it all.


Right now I can manipulate the thumbnail slider to do what I want, but the larger photo is too tall and creates a vertical scrollbar that is undesireable.

Can anyone help with the adjustments?? Thanks in advance.

[Beverleyh]

The slideshow demo appears to be responsive and, from what I can see by changing the orientation of my iPhone, it fits the screen/available space fine.

I think if you'd like help for your specific case, you will need to provide a link to the demo in YOUR environment. A live demo provided by you is better than a zip or code dump because we can troubleshoot live in Dev Tools so it tends to be much easier and faster than waiting on people to set stuff up on your behalf (even with provided code).