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 la WorldWideScripts.net

Aboneaza-te la feed-ul nostru pentru a rămâne până la data!

Nou! Urmați- ne cum vrei!


jQuery Facebook Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

A sustine

Cererile de suport prin comentarii vor fi referit la "Forumul de ajutor și asistență" create special pentru acest post. În cazul în care nu ați făcut deja acest lucru, vă rugăm să creați un cont de utilizator mai întâi. Înainte de a putea posta în oricare dintre forumuri, vi se va cere să furnizeze codul de licență pentru acest element, în scopul de a obține acces.

Informații importante

Din luna mai 2015, Facebook se retrage 1.x sale API, pe care acest script invocat pentru a trage informații album / foto de la Facebook, fără a avea nevoie de un indicativ de acces pentru a face acest lucru. Cu v2.x API, un jeton de acces este acum necesar pentru toate profilurile de Facebook, inclusiv profile pentru întreprinderi sau organizații, care nu au nevoie de token-uri inainte.

Ca rezultat, acest script acum necesită, de asemenea, un Facebook APP și token - ul de acces ulterior, în scopul de a recupera datele de pe Facebook.

Aveți posibilitatea să atribuiți token-ul de acces la script-ul folosind următorul parametru, atunci când inițializarea:

 facebookToken: 'your_facebook_token', 
Dacă aveți probleme cu crearea unei Facebook APP și simbolică, tutoriale de pe paginile următoare s-au dovedit a fi de ajutor pentru alții:

Creați APP și Standard Indicativ
Converti standard Jeton în Extended Jeton

Imagine de ansamblu

Script jQuery Facebook Gallery vă permite să afișați toate albumele Facebook (imagini) pe site-ul tau. Vă rugăm să rețineți că acest script va funcționa doar cu pagini de Facebook care aparțin firmelor sau organizației sau pagini care sunt înregistrate ca pagini de ventilator. Acesta nu va lucra cu profile Facebook personale sau pagini de grup. De asemenea, asigurați-vă că pagina de Facebook pe care doriți să îl utilizați nu are restricții de vârstă activă, deoarece aceste restricții necesită autentificare și acces token-uri pentru fiecare utilizator. Acest script este o soluție javascript pură / jQuery și nu are nevoie de un server PHP.

Aceasta este versiunea independentă a "jQuery Facebook Galeria" script - ul. Dacă sunteți în căutarea pentru versiunea WordPress, vă rugămfaceți clic aici.

Daca iti place acest script, vă rugăm să ia timp să - l rata. Mulțumesc!

caracteristici

Acest script vine cu 180+ setări diferite și vă permite să-l utilizați doar modul în care doriți să fie. Este extrem de flexibil și de a face lucrurile mai usoare, acesta vine cu un ușor de utilizat generator de cod, care vă va ajuta să facă mai mult de posibilitățile sale.

Domeniul de aplicare a defini Galeria:

Puteți fie trage toate albumele (dar exclud pe cele pe care nu le doriți), predefini albumele pe care doriți să fie afișate sau prezintă direct de un singur album. Puteți defini, de asemenea, cât de multe albume în total, pe care doriți să le furnizeze vizitatorilor.

Aspect fix sau Sensibilă

Script-ul vă permite să creați galeria cu un aspect static (lățime fixă) sau să-l răspundă (lățime de fluid) la dimensiunile ecranului.

Paginație Caracteristică:

Aveți posibilitatea să utilizați paginația inteligent (în cazul în care script-ul va determina numărul de elemente pe pagină în funcție de dimensiunea ecranului disponibile), setați manual numărul de miniaturi pe pagină, setați numărul total de pagini sau de a utiliza nici o paginație deloc.

Infinit Scroll Caracteristică:

Dacă nu doriți să paginarea galeria dvs., dar, de asemenea, nu doresc să arate toate miniatură dintr-o dată, de ce să nu utilizați inclus "Infinit Scroll" Feature...

Puteți avea script-ul determină automat numărul de elemente pentru a încărca pentru fiecare eveniment Infinit de defilare (în funcție de dimensiunea ecranului disponibil) sau setați numărul manual.

LazyLoad Caracteristică:

Aveți posibilitatea să utilizați o caracteristică LazyLoad pentru toate imaginile de cazul în care imaginile vor fi încărcate numai atunci când acestea sunt de fapt, având în vedere browser-ul.

Element casetă lightbox:

Script-ul este pre-programat pentru patru plugin-uri opționale Lightbox (fancyBox, colorbox, prettyPhoto și Photobox), care sunt incluse în pachetul de descărcare pentru confortul dumneavoastră. Dar, prin direcționarea în funcție de nume de clase personalizate, ați putea folosi alte casete luminoase, de asemenea.

Caracteristică tooltip:

Script-ul este, de asemenea, pre-programate pentru plugin-ul minunat qTip2 Pontul (inclus în pachetul de descărcare), care pot fi utilizate pentru a afișa informații cum ar fi numele albumelor sau descrierile fotografiilor. Desigur, prin orientarea unui nume de clasă personalizată de alegerea dvs., ați putea folosi alte soluții tooltip, de asemenea. Dar plugin-ul qTip2 deja vine cu mai multe desene sau modele și opțiuni de poziționare, astfel încât ar trebui să fie bun pentru a merge.

Împărtășește Caracteristică socială:

Script-ul vă oferă opțiunea de a afișa butoane de acțiuni sociale pentru Facebook, Twitter, Google+ și StumbleUpon. Aceste butoane pot fi afișate fie sub miniaturi sau în interiorul miniatură în timp ce situându-se. Puteți selecta, de asemenea, dacă doriți ca link-urile de acțiuni pentru a deschide într-o nouă filă / fereastră sau ca un pop-up simplu.

Traducere Gata:

Script-ul vă permite să traducă toate elementele de text vizitatorii vor ajunge pentru a vedea utilizând parametrii de setări oferite. (Inclus) Generator de cod minunat va face asta cât mai simplu posibil pentru tine.

Informații despre album

Pentru fiecare album, script-ul poate trage toate informațiile relevante, cum ar fi nume, descrieri, numărul de aprecieri și comentarii existente și să ofere aceste informații pentru a spectatorilor.

Alte caracteristici

  • Excludeți imagini individuale de afișat
  • includ în mod automat sau exclude albumul Timeline
  • Opțional două direcții (asc. / Desc.) Album facilitate de sortare (nume / număr de imagini / album data create / album Data ultima actualizare)
  • opțiunea Filtru inteligent pentru a filtra albume și fotografii pe grupe de vârstă
  • Funcția de căutare pentru a căuta albume după cuvinte cheie
  • Setați direcția de sortare inițială și criterii de sortare
  • Poate fi încorporat prin iFrame cu reglare pe înălțime automată pentru iFrame; Se va deschide toate casete luminoase ecran complet în documentul părinte (necesită în continuare toate fișierele să fie pe același domeniu)
  • Opțiunea pentru bara de control plutitor care urmează utilizatorul în timp ce defilare prin selectarea albumului
  • Opțiunea de a afișa datele în "de acum" format (de exemplu, "2 zile în urmă") în loc de formatul datei standard,
  • bușteni opționale (în consolă) pentru depanare mai bună (de exemplu, numărul de albume sau photes recuperate, coduri de eroare, etc.)
  • Nu este nevoie de PHP dacă nu se utilizează chiuretă imagine internă; doua (bazate pe web) servicii de scalare a imaginii externe pot fi utilizate, de asemenea; în mod implicit script-ul va folosi CSS3 de scalare
  • Nici o cerință pentru crearea unui App Facebook prin profilul de pe Facebook

Generator de cod

Faceți clic pe aici pentru a testa generatorul de cod.

Înainte de cumpărare

Acest script necesită să încărcați JS suplimentare și fișiere CSS pentru site - ul dvs., precum și adăugarea unor particularizate HTML și JavaScript linii pentru codul paginii. În timp ce dosarele JS și CSS poate fi găzduit în afara site - ului, liniile JavaScript care sunt necesare pentru a inițializa galeria și linia HTML care definește în cazul în care, în pagina dvs. galeria va fi afișată trebuie să facă parte din site - ul dumneavoastră. Asigurați-vă că serviciul de găzduire și / sau serviciu WebDesign vă permite să faceți acest lucru. Unele servicii de webdesign on-line sunt foarte restrictive cu tipul de conținut extern vi se permite să adăugați la site-ul dvs., astfel încât vă rugăm să verificați cu furnizorul de servicii înainte de cumpărare.

alte note

Vă rugăm să fiți conștienți de faptul că orice progres viitor script - ul ar putea necesita funcții PHP pentru autentificare și crearea unui Apps Facebook, în funcție de modificările Facebook este de a face la sistemele sale Graph / API. De aceea, înainte de a cumpăra, vă rugămvă asigurați că sistemul dvs. include un server PHP și că sunteți capabili de a crea un App Facebook pentru orice nevoie "App ID - ul" și "cheile secrete", în scopul de a păstra script - ul de lucru după actualizări viitoare.

vizitatori

pavilion Counter

Comunicate

 02/22/2014 - Actualizare 
  • Eroare fix în cazul în care fotografii pe album sunt limitate la 100 din cauza modificărilor API Facebook
  • Eroare fixe în cazul în care albume sunt limitate la 100 din cauza modificărilor API Facebook
  • opțiune pentru specifiy lățime jgheab suplimentar între coloane izotopilor adăugate
  • Adăugat Actualizare Progres / Stare Animație (util pentru albume de mari dimensiuni)
  • opțiune pentru a dezactiva adăugată "Autoscroll Sus", atunci când paginarea, sortarea sau filtrarea
  • Adăugat opțiunea de a afișa butonul Facebook Ca și pentru fotografii în căsuța de stocare
  • Adăugată opțiunea de a seta timpul de așteptare între fiecare cerere de grafic
  • Și alte îmbunătățiri CSS și JS
 12/07/2013 - Actualizare 
  • Infinit adăugată Funcția de defilare în cazul în care nu este utilizat paginație
  • opțiunea de a utiliza CSS3 imagine de fundal în loc de scalare servicii de scalare pe bază externe sau PHP (IE9 +, Firefox, Opera, Chrome și Safari) adăugate
  • Adăugat opțiunea de a oferi manual de acces tokenul profile particulare / restricționate
  • A 4-a adăugat opțiunea Lightbox (Photobox)
  • Au fost adăugate opțiuni pentru a scurta URL-ul parts pentru album și fotografii URL-uri
  • Adăugat opțiunea de a afișa comentarii existente pentru fiecare album
  • opțiunea de a afișa butoanele sociale parts ca suprapunere în miniatură în loc de doar sub thubmnail adăugată
  • opțiunea de a afișa butoanele parts sociale din lightbox; a adăugat (numai în cazul în care nu este încorporat prin iFrame)
  • opțiune pentru a deschide ferestre parts sociale, fie ca pop-up sau nouă filă / fereastră adăugată
  • StumbleUpon Adaugata ca buton suplimentar parts
  • A adăugat text personalizat pentru cota Twitter
  • Adăugat Albume sortează după comandă în care pre-definite ID album au fost furnizate
  • Unele îmbunătățiri CSS și remedieri
  • Alte improvments JS
 09/11/2013 - Actualizare 
  • A lansat Generator de cod pentru a construi în mod automat HTML necesare și codul JS pentru a încărca și inițializa galeria
 08/24/2013 - Actualizare 
  • opțiunea de a comuta Informații despre album Secțiunea și a afișa sau ascunde secțiunea ca implicit adăugată
  • Adăugat două Cloud pe bază de servicii Image Scaling pentru a crea miniaturi
  • opțiune pentru a dezactiva detectare automată iFrame și reglaj pe înălțime adăugată prin galerie în cazul în care este încorporat cu iFrame pluritematică (nu este recomandat pentru a încorpora acest fel, dar uneori nu există alternative)
  • opțiune pentru a atribui Class Nume particularizat pentru toate elementele care pot fi deschise prin (în căsuța de stocare adăugate cazul în care doriți să utilizați o soluție lightbox diferită de cele incluse, pot fi folosite pentru a viza aceste clase în mod specific)
  • opțiunea de a atribui personalizate Numele clasei la toate elementele care includ conținut Pontul adăugată (în cazul în care doriți să utilizați o soluție Pontul diferită de cea care a inclus, poate fi utilizat pentru a viza aceste clase în mod specific)
  • Fix de eroare în cazul în care ocazional inteligent nu calculează paginare corect Numer de Elemente pe pagină
  • Eroare fix în cazul în care link-ul de la (pictograma discului) imaginea la dimensiuni originale nu folosește întotdeauna link-ul corect
  • Altele JS minore și îmbunătățiri CSS
  • Actualizat 3rd Extensie intern parte la cele mai noi versiuni
  • Link actualizat la noul manual
 07/18/2013 - Actualizare 
  • opțiune pentru a ascunde bara de căutare adăugată
  • Altele JS minore și îmbunătățiri CSS
  • Manual de actualizare și nou Ajutor & Suport tehnic Forum
 06/12/2013 - Actualizare 
  • opțiunea de a scurta automat numele albumelor pentru a preveni pauze de linie adăugate
  • opțiunea de a afișa numele albumului, fie de mai sus sau mai jos miniatură adăugată
  • Eroare fix în cazul în care plutitoare bara de control nu a putut fi oprit
 06/02/2013 - Actualizare 
  • facilitate adăugată paginație (set număr de obiecte pe pagină, numărul de pagini, utilizați paginația automată sau paginație dezactivați)
  • caracteristică leneș-sarcină adăugată pentru toate album și fotografii miniaturi
  • Au fost adăugate funcția de căutare și filtru pentru albume
  • Opțiunea adăugată pentru a se potrivi album miniatură cu aspect fotografie miniatură uite
  • Bara de control plutitor acum disponibil pentru album și fotografii miniaturi
  • Alte JS și îmbunătățiri CSS
 05/09/2013 - Actualizare 
  • Adăugat opțiunea de a pre-defini direcția inițială de sortare (asc./desc.) și criterii de sortare (nume, elemente numărul, data creată, data actualizată)
  • A adăugat opțional al doilea buton de mai jos din nou album imagine de detaliu pentru albume cu mai multe imagini
 05/06/2013 - Actualizare 
  • Eroare fix în cazul în care apare din nou după controlbar primului apel album, chiar dacă este setat să fie dezactivat
  • Unele îmbunătățiri CSS
 05/02/2013 - Actualizare 
  • Schimbată de la Facebook Javascript API pentru a direcționa cererile de Facebook Graph via JSON pentru a (sperăm) să evite în viitor "Access Indicativul" cereri de
  • A adăugat al treilea lightbox; (prettyPhoto)
  • script-a făcut pe deplin funcțional atunci când sunt încorporate prin intermediul iFrame (script-ul va detecta iFrame și reglați înălțimea în mod corespunzător; Lightboxes ecran complet deschis în elementul părinte
  • Opțiunea pentru bara de control plutitor care urmează utilizatorul în timp ce defilare prin selectarea albumului
  • Opțiunea de a afișa datele în "de acum" format (de exemplu, "2 zile în urmă") în loc de formatul datei standard,
  • facilitate de logare internă extinsă (consola) pentru a oferi mai multe informații pentru o mai bună depanare
  • Actualizat toate plugin-uri utilizate (izotopi, tooltip, casete luminoase, etc.) la cele mai noi versiuni lor și ajustate script-ul în cazul în care este necesar
  • Și alte îmbunătățiri minore și îmbunătățiri de viteză
 04/08/2013 - Actualizare 
  • opțiunea predefinirea ID-ul lui album a adăugat, astfel încât numai aceste albume vor fi afișate
  • Alte îmbunătățiri minore
 03/15/2013 - Actualizare 
  • Eroare fix în cazul în care script-ul, ocazional, nu se incarca toate imaginile din album (până la limita specificată în setările)
  • A adăugat suplimentar criteriile de sortare și opțiunea pentru albume și imagini de numerotare pentru o mai bună depanare (manual va fi actualizat în mod corespunzător)
  • Alte îmbunătățiri minore
 02/18/2013 - Actualizare 
  • Adaugata verificare internă pentru albume Facebook goale sau albume cu conținut nedefinit, care altfel s-ar rupe scriptul
 02/11/2013 - Actualizare 
  • Adăugată caracteristică opțională pentru cota socială Facebook, Twitter și Google+
  • A adăugat al doilea opțional lightbox; (fancyBox)
  • Alte bugfixes minore și îmbunătățiri
 01/27/2013 - Inițială de lansare 

Descărcați
Alte componente din această categorieToate componentele acestui autor
ComentariiÎntrebări frecvente și răspunsuri

Proprietăți

Creată:
27 ianuarie 13

Ultima actualizare:
27 august 15

Browsere compatibile:
IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

fişierele incluse:
JavaScript JS, HTML, CSS, PHP

Versiune de software:
jQuery

Cuvinte cheie

eCommerce, eCommerce, Toate obiectele, albume, api, Facebook, Galerie, grafic, imagini, jquery, caseta de lumina, sensibil, setările, fel, static, ponturile