Eco-Scroll.js
Eco-friendly jQuery scroll plugin with infinite possibilities
What does it do?
Eco-Friendly - Elements will get removed when they go out of sight
Infinite Scroll - It can scroll will NO boundary
Possibilities - It can transform into many different tools, Possibilities are endless
Why?
I wanted to created a infinite scroll plugin for my own use.
Transformations
- Infinite Image Wall
- Slider
- Carousel
- Image Gallery
- Calendar
- Time-line
- and more ..
Go to www.juntamng.com/ecoscroll to see some of the transformations
How to use
<style> #divContainer { margin: 10px auto; position: relative; width: 500px; height: 500px; border: 1px #000 solid; overflow: hidden; } .eCell { position: absolute; border: 1px #000 solid; } </style><body> <h1><center>Infinite Wall</center></h1> <div id="divContainer"> <div class="wrapper"> </div> </div> </body><script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script> <script src="../js/jquery.eco-scroll.js"></script> <script> $(function() { $("#divContainer").ecoScroll({ onShow:function(oParam) { if (oParam.bNew) oParam.$e.text( oParam.x + "," + oParam.y); } }); }); </script>Output
