Today I was playing (really working) with a nice animation effect to use for the pagination of a showcase module (or stories).

The concept is quite simple here, we have some items which iterates with a nice effect (fade in this case) automatically or not (decided through options). Every item has a dot controller which shows the item when clicked.

Nothing exceptional here, the cool thing is the effect that I gave to such dot controllers, as it seems that when clicking a not selected dot, the selected one moves forward or backward to reach the clicked point.

Quite difficult to explain with my bad english, so look at the jsfiddle provided.

If you've questions or so, feel free to comment here.

PS. such code was part of a more complex class, I didn't spend time to clean it, so take it as a guideline.