Image Slides Generator

A webpage that allows the users to interact with slides generated using random room images (sourced using certain keywords) fetched from Unsplash API, some features were implemented by utilizing jQuery and Swiper API.

Some of the details include:

  • Switch slide by either dragging any slide, or clicking on either left/right (blurred) slide, or pressing "←"/"→" on keyboard
  • Slide info updates dynamically after switching slide, message appears when adding/removing a slide.
  • The "+" sign used to add a new slide only appears when reaching the last slide
  • Transitions for cursor hovering/clicking on slides/buttons, for entering/exiting fullscreen slide, etc.
  • and more...

Click here to access the source code in the repository.

The no-access-key version of Unsplash API used by the demo has been discontinued, the screenshots of the project are below:

slidesScreenshot
slidesScreenshot2