Ultimate Fade-in slideshow (v2.6.1) - how to make the height responsive

1) Script Title: Ultimate Fade-in slideshow (v2.6.1)

2) Script URL (on DD):

Code:

---

var mygallery=new fadeSlideShow({
        wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
        dimensions: ['100%', 300], //width/height of gallery in pixels. Should reflect dimensions of largest image
        imagearray: [
                ["images/slide-show/kenya-safari1.jpg"],
                ["images/slide-show/kenya-safari2.jpg"],
                ["images/slide-show/kenya-safari3.jpg"],
                ["images/slide-show/kenya-safari4.jpg"],
                ["images/slide-show/kenya-safari5.jpg"] //<--no trailing comma after very last image element!
        ],
        displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
        persist: false, //remember last viewed slide and recall within same session?
        fadeduration: 500, //transition duration (milliseconds)
        descreveal: "always",
        togglerid: ""
})

---

3) Describe problem:
I have managed to make the width responsive. But how do I get the height to be responsive. When I put '100%' on the width, it does not show on web page. Thanks

I think you mean when you put '100%' on the height. Height is tricky on a standards compliant web page, it has to be set, otherwise it's thought to be 'auto', which is 0, even though it doesn't look like it. But you can set it in the css. Try putting this in the head of the page:

Code:

---

<style type="text/css">
html, body {
        height: 100%;
        overflow: hidden;
}
</style>

---

If you want more help, please post a link to the page on your site that has the problematic code.