I would like to receive a single html page, with dynamic images that could be shown like the video below:
video youtube.
[login to view URL]
The video shows a panel that dynamically loads a picture and then slides it to a randomical position. The video shows a curval panel, however we would like a single web page, not curved, that could be set to full screen and them it would start to get every picture from a folder (sorted by date) and "leave it" in one random position. Every time a new image is loaded on the folder, the web page should show it in the middle (with a larger size) and then slide it to this ramdon position (with a smaller size). While a new image is not loaded on the folder, the last picture should remain in the middle position. Some effects to these steps must be designed (similar to the video) to create a friendly view.
Some requirements:
- Should be done with the most recents tecnologies (html5, css, javascript...)
- should be a responsive web design
- This process must fit every image size from 320x320