I need help to finish this site:
[url removed, login to view]
Upon entering the page, a splash screen with a loader is shown until all thumbnails are loaded. When loaded, the splash fades out and the content fades in. When clicking a project the same splash screen is shown until the images in that project are fully loaded, the splash fades out and content fades in.
[url removed, login to view] needs to be implented to display correct url when on a project and also utilizing back/forward button in browser (when pushing back in the browser it should go back to previous page wether it is a project or the index page)
Upon entering a project (clicking one of the thumbnails on the index page) the project is loaded and shown. What needs to be done here is to preload two projects before and after the current project. So when you press Next project/Previous project the content will be preloaded and slide in immediately. If the user is on a tablet/phone, they should be able to swipe to switch to another project.
If you are on a project and click the E+P logo, the project content fades out, and the index loads and fades in.
Some projects have vimeo videos (they have a splash with "Play" on them, press to play). What I want to do with them is to apply a check that looks if the videos is currently in view in the viewport, if not, the video will pause. Should apply if the user scrolls away or press next/prev project
[url removed, login to view] is a good reference for this project.
It updates the url to reflect current visible project, back/forward buttons works and projects are preloaded on the fly (browse around and look at the DOM and you'll see that the projects before/after are loaded).
[url removed, login to view] is a good reference for splash/loading.
Development can be done directly to my webhost.