Parallax Hero Image Rails Gem

Add this line to your application's Gemfile:

    gem 'parallaximage-rails'

And then execute:

    $ bundle install

Add to your app/assets/javascripts/application.js

    //= require modernizr
    //= require jquery.parallaximage

And to your app/assets/stylesheets/application.css.sass or application.css.scss

    @import parallaximage

Or application.css:

    *= require parallaximage

The main HTML structure is a <figure> element containing our hero image (we used 3 different s) and wrapped in a .cd-background-wrapper element.

<div class="cd-background-wrapper">
	<figure class="cd-floating-background">
		<img src="img/cd-img-1.jpg" alt="image-1">
		<!-- images here -->
	</figure>
</div>

Usage documentation as well as demos can be found at:

http://codyhouse.co/gem/parallax-hero-image/