• Home
  • Projekte
  • Andere Scripts
  • PHP flickr Gallery
PHP flickr Gallery
4.0/5 rating 1 vote

PHP flickr Gallery

Allgemeines


Der PHP flickr Script ermöglicht es dir eine öffentliche flickr Galerie auf deiner Webseite einzubinden. Der Eigenständige Script arbeitet "Out of the Box" - Die einzigen Angaben, welche noch eingetragen werden müssen sind der flickr API Schlüssel und die Gallery-ID in Zeile 36 & 37 in der Datei "flickrPHP.php". Die Variable "showdebug" gibt direkt auf der Seite die JSON Informationen zu jedem Bild aus. Die Variable "showinfo" ermöglicht es Informationen zu API Key und Photoset ID (Galerie ID) auf der Frontpage auszugeben. Beide Parameter sollten (natürlich) nur für das Development genutzt werden.

	// Global Parameters & Photoset Informations
	$showheader = true;				// displays the black header on top 				 	
	$showdebug = false;				// shows debug informations on page						
	$showinfo = true;				// shows grey infobox with API Key, Cache State, Photoset Informations on top
	$showtitle = true;				// Display Photoset Title
	$loadjquery = true;				// should jQuery (3) been loaded by this script?
	$framework = 'Bootstrap'; 			// uikit || Bootstrap
	$loadfrontendframework = true; 			// should grid-frameworks be loaded by this script?
	$loadfancyBoxScript = true;			// load fancyBox 3 Script for PopUp?
	$grouping = 'false';
	$enablepopups = true; 				// select if popups with fancybox should be enabled
	$columns = 12;					// choose desired amount of columns (for uikit = 1,2,3,4,5,6 for bootstrap = 1,2,3,4,6,12)
	$thumbnailsize = 'q';				// s,q,t,m,n,z,c,b,h,k,o (depends on available image quality on flickr for this set)
	$apikey = 'a1200b7adcda28d652f1583e57a3bd85';	// Enter here your API Key
	$photosetID = '72157680841776090'; 		// Demo Gallery Golf (250+ Images)
	// $photosetID = '72157682900004326'; 		// Demo Gallery Fox (6 Images)

Funktionsweise


Der Script verbindet sich mit den von dir eingetragen Daten mit flickr und lädt zunächst die Galerie-Informationen im JSON Format. Diese Date wird vom Script in einem Unterordner Cache gespeichert. Mithilfe der Allgemeinen Galerie-Informationen werden direkt die Thumbnails erstellt. In einem nächsten Schritt geht der Script durch die Bilder der Galerie und holt sich die URL des jeweiligen Bildes in bestmöglicher Qualität.

Um die Anfragen für den jeweiligen API KEY auf ein Minimum zu reduzieren, werden die Informationen beim ersten Aufruf lokal auf dem webserver gespeichert, hierzu wird das Verzeichnis cache benutzt. Im Cache wird für jede Galerie ein einzelner Unterordner mit der jeweiligen Gallery ID angelegt, darin befindet sich dann eine .JSON Datei für das Photoset selbst sowie eine .JSON Datei für jedes einzelne Bild welches die Informationen zu diesem enthält.

Es kann sein, dass wenn die Seite erstmals geöffnet wird das laden der Seite extrem lange dauert, dies liegt an der erstellung des Caches. Wurden die Informationen einmal geladen läuft das ganze dann relativ flott von der Hand. Wenn beim ersten Öffnen ein Timeout auftritt, einfach mit F5 Refreshen.

Frontend


jquery icon

jQuery als Basis

jQuery ist die meistverwendete JavaScript-Bibliothek. Jede zweite Website und drei Viertel der 10.000 meistbesuchten Websites nutzen jQuery (Stand: Juli 2014). jQuery wird in vielen Content-Management-Systemen und Webframeworks bereits mitgeliefert. Quelle: Wikipedia

jquery icon

uikit für das Frontend

Uikit (von yootheme) ist ein freies CSS-Framework. Es enthält auf HTML und CSS basierende Gestaltungsvorlagen für Typografie, Formulare, Buttons, Tabellen, Grid-Systeme, Navigations- und andere Oberflächengestaltungselemente sowie zusätzliche JavaScript-Erweiterungen.

jquery icon

Lightbox mit fancyBox 3

Für die Lightbox wird die wirklich HERAUSRAGENDE fancyBox 3 verwendet. fancyBox 3 ermöglicht es eine wunderschöne Lightbox Galerie zu designen.

Live Demo


Die Live Demo des Scripts ermöglicht es dir einen Blick auf den Script in Aktion zu werfen.

Live Demo

Projekt auf Github

Address

Leave a comment

You are commenting as guest.