Suppose you want to display a slider gallery on your website. After all it’s one of the most requested features clients have these days. Now suppose further, that you chose a third-party library for this, as you don’t want to code it by hand. It might be a nice exercise to do it all by yourself but please show me a client that actually pays for the time it takes you to do that. Then I’ll code you three different sliders. Promised.
Anyway. Your slider is all nice and works really well. Fast-forward three months. You get a call from your client. Everything fine. Except: She wants you to modify the slider so she can include videos in between the pictures. You begin to quietly laugh hysterically but she throws you a bone: It will just be Vimeo or YouTube videos. No custom video player necessary. (At least for now… You know how it goes… If you need a heads-up on html5 video that plays in every browser, I wrote a little about that)
But fear not brave frontend developer. Your brothers and sisters have a solution to fight the dark hordes of feature requests: Fotorama.io slider. I have to admit, I always want to write futurama.io. That would read even better, I’d say. ;-)
So let me give you a little intro to this slider. There will be two examples, one HTML only example and one where I include the slider in a Rails 4.2 project. Yeah we are that bleeding edge over here. ;-)