hamzaerbay / react-content-slider Goto Github PK

Add router to provide a mapping from URL to the related photo state.

Thus, users can share the link of any card, or simply bookmark the URL.
The id or slug (this would be better) field of the photo would be used to show in the URL.
ex.
https://hamzaerbay.github.io/react-content-slider/card/copenhagen-power-plant

Instead of loading all contents on page load, preload only defined number of cards (e.g. n=3).
Add a loading placeholder for the photos haven't loaded yet. (This only happens, if users switch cards too fast or have a slow connection.)

Panning images to see hidden parts of the photo in the canvas would be nice. Zooming would be considered as well.
See this example: https://codepen.io/ccrch/pen/yyaraz

Switch between cards by scrolling mouse wheel (or trackpad) up or down
or pressing arrow keys (up and down).
Space key would be used to switch next card as well.

Slide direction can be configurable, vertical/horizontal.