PDA

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



rosiserem
04-12-2016, 04:57 AM
1) Script Title: Ultimate Fade-in slideshow (v2.6.1)

2) Script URL (on DD):

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

jscheuer1
04-12-2016, 03:24 PM
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:


<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.