Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Posted by Liam Maclachlan
Liam Maclachlan
22,805 Points

Any good cross browser compatible carousels?

I need a carousel for a banner that is cross browser compatible. I'm using Boostrap at the moment, but it is limited by CSS3 on IE9 and earlier.

Any recommendations?

2 Answers

myackley35
myackley35
34,574 Points

Hey Liam!

I've found that (Slick)[https://kenwheeler.github.io/slick/] seems to work fairly well in a lot of scenarios where you would want a slider to be versatile (touch-enabled, degrades to CSS2, etc.).

Liam Maclachlan
Liam Maclachlan
22,805 Points

Dude. Massive win. That is exactly what I am looking for :))

myackley35
myackley35
34,574 Points

Glad I could help!

Liam Maclachlan
Liam Maclachlan
22,805 Points
Liam Maclachlan
Liam Maclachlan
22,805 Points

Not an altenative, but I found a fix for the boostrap carousel CSS3 for IE8 and 9 https://github.com/tybruffy/ie-bootstrap-carousel

This should work perfect for backwards compatability :)

Needed code once resource is linked to site: 

<!-- Bootstrap -->
    <script src="bootstrap/js/bootstrap.min.js"></script>   
<!-- /Bootstrap -->
...    
<!--[if lte IE 9]>       
    <script src="ie/ie-bootstrap-carousel.min.js"></script>
<![endif]-->
...