A Lightbox implementation utilizing Flickr's API written in Vanilla Javascript, HTML, and CSS.
git clone https://github.com/alberthuynh91/flickr-lightbox.git
cd flickr-lightbox`
open index.html
or
- Javascript
- HTML
- CSS
- Lozad.js (For lazy loading images)
- Reduced load time by 200+ ms with lazy loading (now 15-20ms page load time)
- Reduced download size of total images per page load with lazy loading
- Reduced asset sizes with minification of js and css files
- Did image compression on placeholder images drastically reducing file size
- Thumbnails being loaded are actually thumbnail size (75x75) taken from Flickr API
- Allows the use of left and right arrow to change photos.
- Pressing ESC closes lightbox