iptools-jquery-imageparallax

Image parallax plugin

Features

• Smoothly animated parallax effect for images while scrolling.

Requirements

• jQuery 1.11.3 or greater

Example

<div class="image-parallax" style="height: 560px;">
  <div class="image-parallax--image" style="background-image: url('//lorempixel.com/600/600/food/');"></div>
</div>
<link rel="stylesheet" href="styles/styles.css" type="text/css">
<script src="src/iptools-jquery-imageparallax.js"></script>
<script type="text/javascript">
  (function($, document, window) {
    $('.image-parallax--image').iptImageParallax({});
  })(jQuery, document, window);
</script>

Contributions

Development

• npm i
• bower i

Bug reports, suggestions

• File all your issues, feature requests here
• If filing a bug report, follow the convention of Steps to reproduce / What happens? / What should happen?
• If you're a developer, write a failing test instead of a bug report and send a Pull Request

Code

1. Fork it ( https://github.com/[my-github-username]/iptools-jquery-imageparallax )
2. Create your feature branch (git checkout -b my-new-feature)
3. Develop your feature by concepts of TDD, see Tips
4. Commit your changes (git commit -am 'Add some feature')
5. Push to the branch (git push origin my-new-feature)
6. Create a new Pull Request

Tips

Following tasks are there to help with development:

• grunt watch:bdd listens to tests and source, reruns tests
• grunt qa run QA task that includes tests and JSHint
• grunt build minify source to dist/

Licence

Copyright © 2015 Interactive Pioneers GmbH. Licenced under GPLv3.