PHP Developers Network
http://forums.devnetwork.net/

Could this slider/fader be made to be 'responsive'?
http://forums.devnetwork.net/viewtopic.php?f=68&t=141222
Page 1 of 1

Author:  simonmlewis [ Mon Apr 20, 2015 10:59 am ]
Post subject:  Could this slider/fader be made to be 'responsive'?


I like this fader. No JS to interfere with other scripts, and fades nicely.
I can adjust the width to be responsive, but not the height. As if I don't set 300px, and leave it empty or auto, it goes to nothing.

How could this be done?

Author:  Celauran [ Tue Apr 21, 2015 10:18 am ]
Post subject:  Re: Could this slider/fader be made to be 'responsive'?

Why couldn't you set a different height value inside your media queries?

Author:  simonmlewis [ Tue Apr 21, 2015 10:22 am ]
Post subject:  Re: Could this slider/fader be made to be 'responsive'?

What height?
If it's width is 100% of a containing DIV, the height will vary depending on the width of the handset's browser.

Author:  lindseynicole [ Mon Oct 05, 2015 3:33 am ]
Post subject:  Re: Could this slider/fader be made to be 'responsive'?

* START OF Change Slider to Fader */
/* Make Carousel fade - adapt 2s to required delay */
.carousel-inner > .item {
-webkit-transition: opacity 2s ease-in-out ;
transition: opacity 2s ease-in-out ;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
opacity: 1;
z-index: 1;
left: 0;
}
.carousel-inner > .active.left {
opacity: 0;
z-index: 2;
left: 0;
}
.carousel-inner > .active.right {
opacity: 0;
z-index: 2;
left: 0;
}

/* remove previous/next arrows from home page only */
.home .carousel-control {
display: none ;
}
/* END OF Change Slider to Fader */

Page 1 of 1 All times are UTC - 5 hours
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/