Ionic Infinite Slideshow Carousel - Horizontal Scrolling with Set Pagination using Collection-Repeat

ionic-v1
1

We’ll be using Ionic to support scrolling through 3,000+ records horizontally, with the ability to toggle to a vertical scrolling list.

Currently working on reproducing the following AngularJS slider demo:

http://onehungrymind.com/build-sweet-angularjs-photo-slider-pt-2-ngtouch/

http://onehungrymind.com/demos/slider-touch/

You can pitch in here:

We’ve combined the following Horizontal Scroll:

We added the following Collection-Repeat:

We’re looking for:

  1. Example of adding “back” and “next” arrows to a horizontal scroll. - DONE
  2. Example of scrolling through to the other side when end is reached. - DONE
  3. Example of advancing in sets of X, where X is selected from a dropdown ranging from 1 to 5. Adjust slides width to fit entire set on screen.
  4. Example of a field to enter which set to advance to when hitting GO.
  5. Example of auto-play with a pause and play button. Advance in sets when the set dropdown is greater than 1.
  6. Example of advancing to a letter in the alphabet selected from a list of letters on the right side of screen, similar to a Contacts List.
  7. Example of flipping the scroll direction from horizontal (x) to vertical (y) on-the-fly.
2

We’ve combined Horizontal Scrolling with Collection-Repeat:

http://smartwidget.org/base/repeat/

3

Looping from end to end has been masterfully added by Indermohan Singh.

4

Our latest work includes end-to-end swipe:

Currently looking for how to snap to the edge of slide at end of a swipe.