WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

jQuery Facebook Gallery

— Add- On om WorldWideScripts.net

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


jQuery Facebook Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Ondersteuning

Ondersteuning aanvragen via opmerkingen zullen worden doorverwezen naar de "Help en Ondersteuning Forum" die speciaal voor dit item. Als u nog niet hebt gedaan, maak dan eerst een gebruikersaccount. Alvorens te kunnen plaatsen in een van de forums, zal u gevraagd worden om uw licentie code voor dit artikel te verstrekken om toegang te krijgen.

Belangrijke gegevens

Met ingang van mei 2015, is Facebook met pensioen zijn API 1.x, die dit script ingeroepen om album / foto-informatie van Facebook te trekken zonder een access token om dit te doen. Met API v2.x, is een access token nu vereist voor alle Facebook-profielen, inclusief profielen voor bedrijven of organisaties, die niet tokens voor nodig was.

Als gevolg hiervan, dit script nu vereist ook een Facebook-app en de daaropvolgende access token om eventuele gegevens uit Facebook.

U kunt de toegang token om het script toe te wijzen met behulp van de volgende parameter, wanneer het initialiseren:

 facebookToken 'your_facebook_token, 
Als u problemen met het maken van een Facebook-app en token hebben, hebben de tutorials op de volgende pagina's bewezen om behulpzaam te zijn voor anderen:

Maak APP en Standard Token
Omzetten Standard Token in Extended Token

Overzicht

De jQuery Facebook Gallery script kunt u al uw Facebook-albums (foto's) te laten zien op uw website. Houdt u er rekening mee dat dit script alleen werkt met Facebook pagina's die behoren tot bedrijven of organisatie of pagina's die als fan pagina's worden geregistreerd. Het zal niet werken met persoonlijke Facebook-profielen of groep pagina's. Ook moet u ervoor zorgen dat de Facebook-pagina die u wilt gebruiken heeft geen actieve leeftijdsbeperkingen, aangezien deze beperkingen vereisen authenticatie en toegang tokens voor elke gebruiker. Dit script is een pure javascript / jQuery oplossing en niet een PHP-server nodig.

Dit is de stand-alone versie van de "jQuery Facebook Gallery" script. Als u op zoek bent naar de WordPress-versie, klik dan hier.

Als je van dit script, neem dan de tijd om het te beoordelen. Dank je!

Kenmerken

Dit script wordt geleverd met meer dan 180 verschillende instellingen en stelt u in staat om het te gebruiken precies zoals u het wilt zijn. Het is zeer flexibel en om dingen makkelijker te maken, het komt met een eenvoudig te gebruiken code generator te gebruiken die u zullen helpen om het meeste uit de mogelijkheden te maken.

Definieer Gallery Scope:

Je kan ofwel trekken alle albums (maar exclusief de degene die je niet wilt), vooraf definiëren van de albums die u wilt weergeven of direct te tonen één album. U kunt ook bepalen hoeveel albums in totaal u wilt bieden aan uw bezoekers.

Vaste of Responsive Layout

Het script kunt u uw galerij met een statische weergave (vaste breedte) maken of zij reageert (breedte vloeistof) om de afmetingen scherm.

Paginering Feature:

U kunt slimme paginering gebruiken (waar het script het aantal items per pagina op basis van de beschikbare scherm grootte zal bepalen), handmatig het aantal miniaturen per pagina, stelt totale aantal pagina's in te stellen of gebruiken geen paginering at all.

Infinite Scroll Feature:

Als u niet wilt dat uw galerie pagineren, maar ook niet willen alle miniaturen tegelijk, waarom de meegeleverde 'Infinite Scroll "functie niet gebruiken tonen...

U kunt het script automatisch het aantal items te bepalen om te laden voor elke Infinite Scroll event (op basis van beschikbare scherm grootte) of handmatig het nummer.

LazyLoad Feature:

U kunt een LazyLoad Feature gebruiken voor alle miniaturen waarin de beelden alleen worden geladen wanneer ze daadwerkelijk in de browser te bekijken.

Lightbox Feature:

Het script is voorgeprogrammeerd voor vier optionele lichttafel plugins (FancyBox, colorbox, prettyPhoto en PhotoBox), die zijn opgenomen in het downloadpakket voor uw gemak. Maar door zich te richten aangepaste klasse namen, kunt u gebruik maken van andere lichtbakken ook.

Tooltip Feature:

Het script is ook voorgeprogrammeerd voor de ontzagwekkende qTip2 Tooltip plugin (inbegrepen in de download pakket), die kan worden gebruikt om informatie te tonen, zoals album namen of foto beschrijvingen. Natuurlijk, door zich te richten een aangepaste klasse naam van uw keuze, kunt u gebruik maken van andere tooltip oplossingen ook. Maar de qTip2 plugin komt al met meerdere ontwerpen en positionering opties, dus je moet goed om te gaan.

Sociale Share Feature:

Het script biedt u de mogelijkheid om sociale aandeel knoppen voor Facebook, Twitter, Google+ en StumbleUpon tonen. Deze knoppen kunnen zowel onder de thumbnails of in de miniatuur getoond worden tijdens het zwemmen. U kunt ook kiezen of u het aandeel links te openen in een nieuw tabblad / venster of als een eenvoudige popup.

Vertaling Ready:

Het script kunt u alle tekstelementen uw bezoekers te zien krijgen door gebruik te maken mits instellingen parameters te vertalen. De (inbegrepen) geweldig Code Generator zal dat zo makkelijk mogelijk voor u te maken.

album informatie

Voor elk album, kan het script alle relevante informatie te trekken, zoals namen, beschrijvingen, het aantal voorkeuren en bestaande opmerkingen en bieden deze informatie aan uw kijkers.

Andere mogelijkheden

  • Uitsluiten afzonderlijke beelden van getoond
  • Automatisch opnemen of uitsluiten van de Timeline album
  • Optioneel in twee richtingen (ASC. / Desc.) Album sorteren functie (naam / aantal beelden / datum album aangemaakt / datum album laatste update)
  • Smart filter optie om albums en foto's door leeftijdsgroepen filteren
  • Zoekfunctie om te zoeken naar albums op trefwoorden
  • Stel vervolgens gesorteerd richting en sorteercriteria
  • Kan worden ingebed via iFrame met automatische hoogteverstelling voor iFrame; Alle lichtbakken zullen full-screen in bovenliggende document te openen (nog steeds vereist dat alle bestanden op hetzelfde domein)
  • Optie voor drijvende controle balk die de gebruiker volgt tijdens het scrollen door het album selectie
  • Mogelijkheid om data te tonen "van nu af" format (dwz "2 dagen geleden") in plaats van de standaard datumnotatie
  • Optioneel haardhout (console) voor een betere debugging (dwz het aantal albums of photes teruggehaald, foutcodes, etc.)
  • Geen behoefte aan PHP, tenzij interne beeld scaler wordt gebruikt; twee externe (web-based) beeldschaalbaarheid diensten kunnen ook worden gebruikt; Standaard wordt het script CSS3 scaling gebruiken
  • Geen vereiste voor het creëren van een Facebook App via je Facebook-profiel

code Generator

Klik hier om de Code Generator te testen.

Voor Aankoop

Dit script moet u extra JS en CSS-bestanden te laden voor uw website, evenals het toevoegen van een aantal aangepaste HTML en JavaScript lijnen naar uw pagina code. Terwijl de JS en CSS-bestanden buiten uw website kan worden gehost, de JavaScript-lijnen die nodig zijn om de galerie en de HTML-lijn die bepaalt waar de in uw pagina de galerie wordt getoond moet deel uitmaken van uw website te initialiseren. Zorg ervoor dat uw hosting service en / of WebDesign dienst stelt u in staat om dit te doen. Sommige online webdesign diensten zijn zeer restrictief met de aard van de externe inhoud mag je toe te voegen aan uw website, dus neem contact op met uw provider alvorens te kopen.

andere opmerkingen

Houd er rekening mee dat eventuele toekomstige vooruitgang aan het script PHP-functies voor verificatie en de oprichting van een Facebook Apps zou kunnen vereisen, afhankelijk van veranderingen Facebook wordt getroost om zijn Graph / API-systemen. Daarom, voordat u koopt, moet u ervoor zorgen dat uw systeem een PHP-server en dat u in staat om een Facebook App te creëren voor de nodige 'App-ID's "en de" geheime sleutels "om het script te werken na toekomstige updates te houden zijn.

bezoekers

Vlag Counter

Releases

 2014/02/22 - Update 
  • Vaste fout waar de foto's per album zijn beperkt tot 100 als gevolg van veranderingen in de Facebook API
  • Vaste fout wanneer's zijn beperkt tot 100 als gevolg van veranderingen in bij API
  • Toegevoegde optie om extra goot breedte tussen Isotopen kolommen specificeren
  • Toegevoegd Voortgang bijwerken / Status Animation (handig voor grote albums)
  • Toegevoegde optie om te schakelen "Autoscroll naar boven" wanneer paging, sorteren of filteren
  • Optie toegevoegd om Facebook Net als Button show voor foto in Lightbox
  • Optie toegevoegd om de wachttijd ingesteld tussen elke Graph Request
  • Andere CSS en JS verbeteringen
 2013/12/07 - Update 
  • Toegevoegd Infinite Scroll Feature als er geen paginering wordt gebruikt
  • Optie toegevoegd om achtergrondafbeelding CSS3 gebruiken schalen in plaats van externe of PHP gebaseerde scaling services (IE9 +, Firefox, Opera, Chrome en Safari)
  • Toegevoegde optie om handmatig te voorzien Access Token voor private / beperkte profielen
  • Toegevoegd 4 Lightbox Option (Photobox)
  • Toegevoegd opties op het aandeel URL verkorten voor het album en Photo URLs
  • Toegevoegde optie om de bestaande opmerkingen voor elk album te tonen
  • Toegevoegde optie om de sociale aandeel knoppen als overlay in de miniatuurweergave in plaats van net onder de thubmnail tonen
  • Toegevoegde optie om sociale knoppen Share In Lightbox (indien niet ingesloten via iFrame)
  • Toegevoegde optie om de sociale aandeel ramen hetzij als pop-up of een nieuw tabblad / venster te openen
  • Toegevoegd StumbleUpon als extra knop aandeel
  • Toegevoegd aangepaste tekst op Twitter delen
  • Toegevoegd sorteren Albums door volgorde waarin vooraf gedefinieerde Album ID's zijn verstrekt
  • Sommige CSS verbeteringen en fixes
  • Andere JS improvments
 2013/09/11 - Update 
  • Vrijgegeven Code Generator om automatisch vereiste HTML en JS-code te laden en initialiseren de galerie
 2013/08/24 - Update 
  • Optie toegevoegd om Album Informatie afdeling als standaard te schakelen en te laten zien of te verbergen Sectie
  • Toegevoegd 2 Cloud gebaseerd Image Scaling Dienst aan miniaturen te maken
  • Toegevoegde optie om Automatisch iFrame Detectie en hoogteverstelling schakelen als galerie is ingebed met cross-domain iFrames (niet aan te raden om op deze manier vast te leggen, maar soms zijn er geen alternatieven)
  • Toegevoegde optie om aangepaste klasse naam toewijzen aan alle items die via Lightbox geopend kan worden (voor het geval u wilt een andere Lightbox oplossing dan die opgenomen te gebruiken, kan worden gebruikt om deze klassen specifiek te richten)
  • Toegevoegde optie om aangepaste klasse naam toewijzen aan alle items die Tooltip Content bevatten (voor het geval u wilt een andere Tooltip oplossing dan degene opgenomen te gebruiken, kan worden gebruikt om deze klassen specifiek te richten)
  • Vaste incidentele fout waar de Smart paginering niet correct te berekenen Numer van items per pagina
  • Vaste fout waar de link naar de originele grootte (disk icoon) niet altijd gebruik maken van de juiste koppeling
  • Andere kleine JS en CSS verbeteringen
  • Bijgewerkt interne 3rd Party Uitbreiding naar de nieuwste versies
  • Bijgewerkt Link naar nieuwe Manual
 2013/07/18 - Update 
  • Optie toegevoegd om zoekbalk te verbergen
  • Andere kleine JS en CSS verbeteringen
  • Bijgewerkte handleiding en nieuwe Hulp & Ondersteuning Forum
 2013/06/12 - Update 
  • Optie toegevoegd om albumnamen naar regeleinden voorkomen automatisch te verkorten
  • Toegevoegde optie om de naam album te laten zien boven of onder thumbnail
  • Vaste fout waar de drijvende controle bar niet kon worden uitgeschakeld
 2013/06/02 - Update 
  • Toegevoegd paginering functie (ingesteld aantal items per pagina, aantal pagina's, gebruik maken van automatische paginering of paginering uitschakelen)
  • Toegevoegd lazy-load-functie voor alle album en foto thumbnails
  • Toegevoegd zoek- en filter-functie voor albums
  • Optie toegevoegd om album thumbnail look met fotominiatuur uiterlijk passen
  • Drijvende Bedieningsbalk nu beschikbaar voor album en fotominiaturen
  • Andere JS en CSS verbeteringen
 2013/05/09 - Update 
  • Toegevoegde optie om vooraf te bepalen initiële sortering richting (asc./desc.) En sorteren criteria (naam, nummer artikelen, aanmaakdatum, datum bijgewerkt)
  • Toegevoegd optionele tweede back-knop hieronder album detailweergave voor albums met veel foto's
 2013/05/06 - Update 
  • Vaste fout waar de controle balk verschijnt na de eerste album gesprek dat is ingesteld om te worden uitgeschakeld
  • Sommige CSS verbeteringen
 2013/05/02 - Update 
  • Gewijzigd van Facebook Javascript API aan direct Facebook Graph verzoeken via JSON om (hopelijk) te vermijden toekomst "Access Token" verzoeken
  • Toegevoegd derde lichttafel (prettyPhoto)
  • Gemaakt script volledig functioneel wanneer ingesloten via iFrame (script zal iFrame detecteren en dienovereenkomstig aan te passen hoogte; lightboxes geopend volledig scherm in bovenliggende element
  • Optie voor drijvende controle balk die de gebruiker volgt tijdens het scrollen door het album selectie
  • Mogelijkheid om data te tonen "van nu af" format (dwz "2 dagen geleden") in plaats van de standaard datumnotatie
  • Uitgebreide interne logging-functie (console) om meer informatie te verstrekken voor een betere debugging
  • Bijgewerkt alle gebruikte plugins (isotoop, tooltip, lichtbakken, enz.) Om hun nieuwste versies en aangepast script waar nodig
  • Andere kleine verbeteringen en uitbreidingen snelheid
 2013/04/08 - Update 
  • Toegevoegde optie om het album ID vooraf definiëren, zodat alleen deze albums worden getoond
  • Andere kleine verbeteringen
 2013/03/15 - Update 
  • Vaste fout waarbij script af en toe niet alle afbeeldingen in album (tot opgegeven limiet in de instellingen) te laden
  • Toegevoegd aanvullende sorteercriteria en nummering optie voor albums en beelden voor een betere debugging (handmatig zal dienovereenkomstig worden bijgewerkt)
  • Andere kleine verbeteringen
 2013/02/18 - Update 
  • Toegevoegde interne controle voor lege Facebook-albums of albums met ongedefinieerde inhoud die anders het script zou breken
 2013/02/11 - Update 
  • Toegevoegd optionele sociale Share-functie voor Facebook, Twitter en Google+
  • Toegevoegd tweede optionele lichttafel (FancyBox)
  • Andere kleine bugfixes en verbeteringen
 2013/01/27 - Eerste versie 

Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
27 januari 13

Laatste update:
27 augustus 15

compatibele Browsers:
IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

files inbegrepen:
JavaScript JS, HTML, CSS, PHP

Software versie:
jQuery

Trefwoorden

eCommerce, eCommerce, Alle spullen, albums, api, facebook, galerij, diagram, afbeeldingen, jQuery, lichtbak, sympathiek, instellingen, soort, statisch, tooltips