This is clearly one of the best, or the best carousel out there right now, but I have a feeling soon everyone is going to have a Slick carousel on their bootstrap site.
Slick – Carousel
51–60 of 119 posts
Re: Slick – Carousel
#52Earlier quoted context omitted.
What do you mean pinch/zoom?
The page itself (not the slider), sets a fixed viewport, which means that a user cannot pinch/zoom the page on a tablet/phone. Here is the code: Removing that little "user-scalable=0" should fix it, as being able to zoom in on a page is a nice feature, and shouldn't be disabled unless there is a really good reason.
[deleted]
Re: Slick – Carousel
#53Earlier quoted context omitted.
The page itself (not the slider), sets a fixed viewport, which means that a user cannot pinch/zoom the page on a tablet/phone. Here is the code: Removing that little "user-scalable=0" should fix it, as being able to zoom in on a page is a nice feature, and shouldn't be disabled unless there is a really good reason.
Well that's not a plugin problem, thats a demo page problem. And I typically disable that when there is responsive/mobile formatting in place
You aren't getting this are you? The carousel doesn't have anything to do with pinch or zoom. If you put it on your site, boom , pinch and zoom your face off. I chose to disable pinch and zoom on MY demo website, because it is already formatted for mobile.
Re: Slick – Carousel
#54I don't understand what is the purpose of a carousel in a website beyond delay the load time and showing just random picture annoyingly that are just ignored most of the time. IMHO, is just better to put the image that give more impact related to the business persona and the website aesthetic overrall.
Re: Slick – Carousel
#55I don't wish to engage in standard HN negativity, but I'd like to suggest that you should probably don't want to use a carousel at all most of the time. From the user's perspective, a carousel is just a random image. You'll get more conversions if you choose the best image instead of a random one. http://www.bayesianwitch.com/blog/2014/carouselsarebadforcon...
I agree for the most part. I guess the Airbnb landing page is an obvious counterexample. I'm confident that they A/B tested it to death. In that particular case the transitions are very subtle and don't detract from the CTA (even though it's in the middle of the carousel images). The images themselves serve the purpose of "showing, not telling" what the product is.
Re: Slick – Carousel
#56I know "progressive enhancement" is a little passé at this point (at least as far as the HN crowd seems concerned), but the flash of unstyled content (before javascript loads) is really ugly. (Try disabling javascript and see how the unloaded carousels take up a ton of vertical space). The script says it uses CSS3 when available, so I wonder if the markup can also be structured to be styled when the page loads, inste…
Yes. There is a .slick-intialized class that you can bounce off of. So element {visibility:hidden} .slick-initialized element { visibility: visible }
Re: Slick – Carousel
#57Testing it out as a user, the slide transitions didn't feel as responsive to swipe velocity as I expected. In particular, if I swipe even a small distance but quickly, I expect to trigger the transition. I just tested it with iOS and Android, and they both seem to do it at least for left-to-right transitions of home screen pages, and Android does it for the top menu. From looking at [the source]( https://github.com/k…
Honestly, swiping with a mouse on a desktop is really grueling. I think in cases where you don't just not show the swipe control at all when off mobile, you should at least show some next/prev buttons to click on, or placeholder dots along the bottom.
Re: Slick – Carousel
#58I know "progressive enhancement" is a little passé at this point (at least as far as the HN crowd seems concerned), but the flash of unstyled content (before javascript loads) is really ugly. (Try disabling javascript and see how the unloaded carousels take up a ton of vertical space). The script says it uses CSS3 when available, so I wonder if the markup can also be structured to be styled when the page loads, inste…
You can usually easily fix this by using CSS to display none everything but the first slide. So it gracefully falls back.
Re: Slick – Carousel
#59I don't wish to engage in standard HN negativity, but I'd like to suggest that you should probably don't want to use a carousel at all most of the time. From the user's perspective, a carousel is just a random image. You'll get more conversions if you choose the best image instead of a random one. http://www.bayesianwitch.com/blog/2014/carouselsarebadforcon...
I honestly can't think of an instance where a carousel is the best UI element to use, yet everyone requests them. Why?
Photographers displaying pictures that don't want to lose vertical space is clearly one.
In our website we use it for instructional photo succession, I think it works pretty good, I'm open to suggestions (other than videos) to other UI elements that would work better for that that purpose.
Re: Slick – Carousel
#60Testing it out as a user, the slide transitions didn't feel as responsive to swipe velocity as I expected. In particular, if I swipe even a small distance but quickly, I expect to trigger the transition. I just tested it with iOS and Android, and they both seem to do it at least for left-to-right transitions of home screen pages, and Android does it for the top menu. From looking at [the source]( https://github.com/k…
Honestly, swiping with a mouse on a desktop is really grueling. I think in cases where you don't just not show the swipe control at all when off mobile, you should at least show some next/prev buttons to click on, or placeholder dots along the bottom.
agreed