Experimental project

This is a sandbox project, which contains experimental code for developer use only.

Creates a carousel block and associated content type to allow for a one click carousel. The carousel's content is loaded in via a content type called Featured item and is designed around the Media module, allowing any images or video to be displayed in the carousel. Currently, uploaded images, Flickr images, and YouTube embeds are tested and officially supported.
The carousel is unique in that it is both responsive and touch enabled. If the screen is wide enough, a full title/description/media plus navigation layout exists, if not the title and navigation exist on top of the media, and it all resizes based on screen resolution (hence responsive). At any resolution, you can swipe left or right to go to the previous/next slide and tap the navigation to go to that slide. Everything is still in BETA and I'm still testing, but it seems to work well so far. There are lots of requirements and is technically a Feature package; just think of this as a trial of the App model for module distribution.

This project was built on the want to use OpenPublic's front page carousel in other distributions, and as such some of the design decisions were heavily influenced directly from that (especially the full width carousel). Additionally, some of the code (specifically the code to put the views theme into the module) were borrowed from the distribution, so eternal thanks to OpenPublic being open source and the guys and gals from Phase2 for figuring that stuff out for me. That being said, there are some enhancements made over the OpenPublic version that I feel make this stand out (besides being able to be used on any site):

  • Responsive design allows for responsive building (works really really well with Omega responsive subthemes
  • Touch enabled for added spiffiness
  • HTML5 syntax (where available) for some nice semantic markup (if you're not using an HTML5 theme and/or don't have an HTML5 shiv, you will probably need one for backwards compatibility
  • All styling done in CSS3 for reduced load times (i.e. no background images)
  • Can use media from uploaded images, Flickr images, or YouTube videos, and the videos will play in the carousel (and should pause the carousel as well; need to do more testing)

Project information