PHP Script which loads a certain flickr Photoset / Gallery in a Multicolumn Site. Uses Fancybox JS to show large versions of the image onclick. Fallback for multiple image sizes. Local Caching with JSON file.
Live Demo with more then 250 Images (Cached)
- Server running PHP Version 7.x
- flickr Account (to obtain an API Key)
- flickr API Key (get one here)
- jQuery 3.x
- yootheme uikit 3 (beta 22)
- Fancybox 3
- Responsive Grid System for Galleryview
- API-Key is stored as PHP Var
- If showinfo is turned off Users cant see your flickr API Key
- Lightbox with Fancybox 3
- Scriptcheck for different Imagesizes (Lightbox) Best will be used
- Large 2048
- Large 1600
- Large 1024
- Fallback: Original
- Debug Output
Displays Debug Informations.
Informations will be placed direct on the Page and into the console.
Demo with Debug Mode on
Displays Connection Informations in a grey Box on Top of the Gallery.
You need your own API Key to use the flickr API. You can get your flickr API Key here for free.
The ID of the desired Gallery you would like to show. You can find the Gallery / Photoset ID directly on flickr. Just copy the ID from the URL: .../149621562@N02/albums/72157682900004326. For example 72157682900004326 is the Gallery ID you can use.
To limit the flickr connections to a minimum the script creates a local cache for your photosets & images. The flickr responses are stored in .JSON Files. The Files can be found under cache/"galleryID"/... Because of the Caching procedure it could happen that the first Pageload can take a long time. Please be patient and if you receive an error message just reload the page. The script continues and load the necessary informations from flickr. The Script demands from flickr the gallery Informations and the imagesize informations for each photo. Once the Cache is created the Site loads quick depending on the amount of images you have in your gallery. In our example you can see a gallery with more then 250 Pictures.