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

Rep les nostres RSS per estar al dia!

Nou! Segueix-nos com vulguis!


jQuery Facebook Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

suport

Les sol·licituds de suport a través dels comentaris es refereixen a la "Ajuda i suport Fòrum" creat específicament per a aquest article. Si no ho ha fet ja, per favor, creu un compte d'usuari en primer lloc. Abans de poder publicar en qualsevol dels fòrums, se li demanarà que proporcioni el seu codi de llicència per aquest concepte per tal d'obtenir accés.

Informació important

A partir de maig de 2015, Facebook s'està retirant la seva 1.x API, que aquest guió es va basar en la finalitat de treure informació de l'àlbum / foto de Facebook sense necessitat d'un testimoni d'accés per fer-ho. Amb v2.xy API, un símbol d'accés es requereix ara per a tots els perfils de Facebook, incloent un perfil per a empreses o organitzacions, que no requerien de fitxes abans.

Com a resultat, aquest script ara també requereix una aplicació de Facebook i el testimoni d'accés posterior per tal de recuperar les dades de Facebook.

Podeu assignar el testimoni d'accés a la seqüència de comandaments amb el següent paràmetre, a l'inicialitzar:

 facebookToken: 'your_facebook_token', 
Si té problemes amb la creació d'una aplicació de Facebook i raó, les classes particulars a les pàgines següents han demostrat ser útils per a altres:

Crear APP i simbòlic Estàndard
Converteix Estàndard d'emergència en emergència estesa

visió de conjunt

L'script jQuery Facebook Galeria li permet mostrar totes les seves àlbums de Facebook (imatges) a la seva pàgina web. Recordeu que aquesta seqüència només funciona amb les pàgines de Facebook que pertanyen a les empreses o organitzacions o pàgines que estan registrats com a pàgines de fans. No va a treballar amb perfils de Facebook o pàgines personals de grup. També, si us plau assegureu-vos que la pàgina de Facebook que voleu utilitzar no té restriccions d'edat activa, ja que aquestes restriccions requereixen autenticació i tokens d'accés per a cada usuari. Aquest script és una solució pura Javascript / jQuery i no requereix d'un servidor PHP.

Aquesta és la versió independent de la seqüència de comandaments "jQuery Facebook Galeria". Si vostè està buscant per a la versió de WordPress, si us plau feu clic aquí.

Si t'agrada aquest script, si us plau prengui el temps per qualificar el producte. Gràcies!

Característiques

Aquest script ve amb més de 180 configuracions diferents i li permet utilitzar-lo de la manera que vol que sigui. És altament flexible i per facilitar les coses, ve amb un fàcil utilitzar el generador de codi que l'ajudarà a treure el màxim profit de les seves possibilitats.

Definir Galeria Abast:

Vostè pot tirar de tots els àlbums (però excloure els que no desitja), predefinir els àlbums que voleu que es mostrin o demostració d'un sol àlbum directament. També pot definir el nombre d'àlbums en total es desitja proporcionar als seus visitants.

Disposició fixa o Responsive

L'script li permet crear la seva galeria amb una disposició estàtica (amplada fixa) o fer que respongui (ample de líquids) a les dimensions de la pantalla.

La paginació de funcions:

Podeu utilitzar la paginació intel·ligent (on la seqüència de comandaments de determinar el nombre d'elements per pàgina basat en la mida de pantalla disponible), establir manualment el nombre de miniatures per pàgina, establir el nombre total de pàgines o utilitzar cap de paginació en absolut.

Infinita de funcions de desplaçament:

Si no desitja paginar la seva galeria, però també no vol mostrar tota miniatura alhora, per què no fer servir la característica inclosa "Infinit Scroll"...

Vostè pot tenir la seqüència de comandaments determinar automàticament el nombre d'elements a carregar per a cada esdeveniment de desplaçament infinit (en funció de la mida de pantalla disponible) o configurar manualment el número.

LazyLoad Característica:

Es pot utilitzar una característica LazyLoad per a totes les imatges en miniatura en el qual només es carreguen les imatges quan en realitat estan a la vista del navegador.

La taula de llum Característica:

El guió està preprogramat per a quatre connectors opcionals taula de llum (FancyBox, Colorbox, PrettyPhoto i Photobox), que s'inclouen en el paquet de descàrrega per a la seva conveniència. Però en dirigir noms de classe personalitzada, es poden utilitzar altres meses de llum també.

Característica d'Informació sobre l'eina:

El guió està també pre-programat per l'impressionant plug-in Tooltip qTip2 (inclòs en el paquet de descàrrega), que es pot utilitzar per mostrar informació com noms o descripcions d'àlbums de fotos. Per descomptat, apuntant a un nom de classe personalitzada de la seva elecció, vostè podria utilitzar altres solucions d'informació sobre eines també. Però el connector qTip2 ja ve amb diversos dissenys i opcions de posició, pel que ha de ser bo per anar.

Funció Social de les accions:

El guió li proporciona l'opció de mostrar botons socials de Facebook, Twitter, Google+ i StumbleUpon. Aquests botons poden ser mostrats sota de les miniatures o dins de la imatge mentre es plana. També pot seleccionar si voleu que els vincles d'accions per obrir en una nova pestanya / finestra o com una simple finestra emergent.

La traducció Ready:

La seqüència de comandaments li permet traduir tots els elements de text als seus visitants podran veure mitjançant l'ús de paràmetres d'ajust previstes. El (inclòs) Generador de codi impressionant farà que el més fàcil possible per a vostè.

Informació sobre l'àlbum

Per a cada àlbum, el guió pot tirar tota la informació pertinent, com ara noms, descripcions, nombre de gustos i comentaris existents i proporcionar aquesta informació als seus espectadors.

altres característiques

  • Excloure imatges individuals es mostrin
  • incloure o excloure automàticament el disc Cronologia
  • Opcional bidireccional (asc. / Desc.) Característica d'ordenació àlbum (nom / nombre d'imatges / data ha creat un àlbum / àlbum data última actualització)
  • opció de filtre intel·ligent per filtrar àlbums i fotos per grups d'edat
  • Cercar funció per buscar els àlbums per paraules clau
  • Establir la direcció de classificació inicial i criteris de classificació
  • Pot ser incorporat a través de marc flotant amb ajust automàtic de l'altura de marc flotant; totes les meses de llum s'obriran a pantalla completa en el document dels pares (encara requereix de tots els fitxers d'estar en el mateix domini)
  • Opció per a la barra de control flotant que segueix l'usuari mentre es desplaça a través de la selecció d'àlbums
  • Opció per mostrar les dates en "a partir d'ara" format (és a dir, "fa 2 dies") en lloc del format de data estàndard
  • troncs opcionals (a la consola) per a una millor depuració (és a dir, nombre d'àlbums o photes recuperat, codis d'error, etc.)
  • No hi ha necessitat de PHP llevat que s'utilitza escalador d'imatge interna; dos (basades en web) serveis externs escala de la imatge es poden utilitzar també; per defecte l'script que utilitzarà l'escala CSS3
  • No hi ha requisits per a la creació d'una aplicació de Facebook a través del seu perfil a Facebook

Generador de codi

Feu clic aquí per provar el generador de codi.

abans de la compra

Aquest script requereix que carregui JS addicionals i arxius CSS per al seu lloc web, així com l'addició d'una mica d'HTML personalitzat i línies de JavaScript en el codi de pàgina. Mentre que els arxius JS i CSS es poden allotjat fora del seu lloc web, les línies de JavaScript que són necessaris per inicialitzar la galeria i la línia d'HTML que defineix on en la pàgina de la galeria es mostrarà ha de ser part de la seva pàgina web. Comproveu que el servei d'allotjament i / o servei WebDesign permet que així ho indiquin. Alguns serveis de disseny web en línia són molt restrictives amb el tipus de contingut extern se li permet afegir al seu lloc web, així que si us plau consulti amb el seu proveïdor de serveis abans de comprar.

altres notes

Recordeu que qualsevol progrés futur de la seqüència de comandaments podria requerir funcions de PHP per a l'autenticació i la creació d'un Aplicacions de Facebook, depenent dels canvis que Facebook està fent per als seus sistemes Gràfic / API. Per tant, abans de comprar, si us plau assegureu-vos que el seu sistema inclou un servidor PHP i que són capaços de crear una aplicació de Facebook per als i les "claus secretes" qualsevol necessari "App ID" per tal de mantenir la seqüència de comandaments de funcionar després de les actualitzacions futures.

visitants

Comptador de la bandera

comunicats

 02/22/2014 - Actualització 
  • Corregit l'error en fotos per àlbum es limiten a 100 causa de canvis en l'API de Facebook
  • Corregit l'error en àlbums es limiten a 100 causa de canvis en l'API de Facebook
  • opció de specifiy amplada del canal addicional entre columnes d'isòtops afegit
  • Progrés de l'actualització Afegit / Estat d'Animació (útil per a grans àlbums)
  • Afegit opció per desactivar "Auto-Desplaçament cap amunt" quan la paginació, classificació o filtrat
  • Afegida la opció per mostrar el botó de Facebook Igual que per a les fotos a la taula de llum
  • Afegida l'opció d'ajustar el temps d'espera entre cada sol·licitud Gràfic
  • Altres millores CSS i JS
 2013.12.07 - Actualització 
  • Afegit funció de desplaçament infinit si no s'utilitza la paginació
  • opció de la imatge de fons CSS 3 per usar en lloc d'escalar els serveis d'escala basades externs o PHP (IE9 +, Firefox, Opera, Chrome i Safari) Afegit
  • Afegida l'opció de proporcionar manualment testimoni d'accés per als perfils privats / restringits
  • Afegit quarta taula de llum Opció (Photobox)
  • Afegeix opcions per escurçar URL quota per a l'àlbum de fotos i adreces URL
  • Es va agregar l'opció de visualitzar els comentaris existents per a cada àlbum
  • opció per mostrar botons d'acció social, com la superposició en miniatura en lloc de just sota la thubmnail afegit
  • opció per mostrar botons d'acció social, a la caixa de llum afegit (només si no incorporat a través d'iFrame)
  • opció per obrir les finestres d'accions socials, ja sigui com emergent o una nova pestanya / finestra Afegit
  • StumbleUpon afegit com botó addicional participació
  • el text d'encàrrec afegit per Twitter compartir
  • Afegit àlbums ordenar per ordre en què predefinides Àlbum ID de s'han previst
  • Algunes millores i correccions d'estil CSS
  • Altres alguna millora JS
 2013.11.09 - Actualització 
  • Llançament generador de codi per construir automàticament HTML necessari i codi JS per carregar i inicialitzar la galeria
 08/24/2013 - Actualització 
  • opció per alternar Àlbum Secció d'Informació i mostrar o amagar la secció per defecte afegit
  • Afegit segon Service Cloud Escala d'imatge basat per crear imatges en miniatura
  • opció per desactivar la detecció automàtica de marc flotant i regulació d'altura afegit si galeria està integrat amb iFrames entre dominis (no es recomana per a incrustar aquesta manera, però de vegades no hi ha alternatives)
  • opció per assignar nom de classe personalitzada per a tots els articles que es poden obrir a través de la taula de llum afegit (en cas que desitgi utilitzar una solució de la taula de llum diferents de les que s'inclouen, es pot utilitzar per apuntar específicament aquestes classes)
  • opció per assignar a mida Nom de la classe de tots els articles que inclouen contingut Tooltip afegit (en cas que desitgi utilitzar una solució Tooltip diferent del que ve inclòs, es pot utilitzar per apuntar específicament aquestes classes)
  • Corregit un error ocasional on intel·ligent paginació no calcula correctament Numer d'objectes per pàgina
  • Corregit l'error en l'enllaç a la (icona de disc) imatge a mida completa no sempre utilitza l'enllaç correcte
  • Altres JS i millores menors CSS
  • 3a Extensió interna del Partit actualitzat per a les versions més noves
  • Actualització Enllaç al nou Manual
 07/18/2013 - Actualització 
  • opció per ocultar la barra de cerca afegit
  • Altres JS i millores menors CSS
  • Manual d'actualització i nova Ajuda i Suport Fòrum
 2013.12.06 - Actualització 
  • opció per escurçar automàticament els noms d'àlbums per evitar salts de línia afegit
  • opció per mostrar el nom de l'àlbum, ja sigui per sobre o sota de miniatures afegit
  • Corregit l'error en la barra de control flotant no podia ser apagat
 06/02/2013 - Actualització 
  • característica addicional de paginació (establiment del nombre d'articles per pàgina, nombre de pàgines, utilitzeu paginació automàtica o desactivar la paginació)
  • característica mandrós càrrega afegida per a totes les miniatures fotos i d'àlbums
  • Afegida funció de cerca i filtre per a àlbums
  • Opció per a que coincideixi amb mirada miniatura àlbum amb aspecte d'imatge en miniatura afegit
  • Barra de control flotant ja està disponible per a fotos i d'àlbums miniatures
  • Altres millores JS i CSS
 2013.05.09 - Actualització 
  • Afegida l'opció de predefinir direcció inicial de classificació (asc./desc.) I els criteris de classificació (nom, articles de número, data de creació, data actualitzada)
  • segon botó opcional afegit de nou per sota àlbum vista detallada d'àlbums amb moltes fotos
 2013.05.06 - Actualització 
  • Corregit l'error torna a aparèixer després en controlbar primera trucada àlbum, fins i tot si està configurat per a ser desactivat
  • Algunes millores CSS
 2013.02.05 - Actualització 
  • Canviat de Facebook API Javascript per dirigir sol·licituds a través de Facebook Graph JSON a (amb sort) evitar futures "Accés simbòlic" sol·licituds
  • Afegit tercera caixa de llum (PrettyPhoto)
  • l'escriptura feta completament funcional si s'integra mitjançant iFrame (guió detectarà iFrame i ajustar l'altura en conseqüència; lightboxes pantalla completa oberta a element pare
  • Opció per a la barra de control flotant que segueix l'usuari mentre es desplaça a través de la selecció d'àlbums
  • Opció per mostrar les dates en "a partir d'ara" format (és a dir, "fa 2 dies") en lloc del format de data estàndard
  • Ampliat funció de registre intern (consola) per proporcionar més informació per a una millor depuració
  • Actualitzat tots els complements utilitzats (isòtops, així com informació sobre eines, Taules de llum, etc.) per a la seva versió més recent i es va ajustar l'escriptura quan sigui necessari
  • Altres petites millores i millores en la velocitat
 2013.04.08 - Actualització 
  • opció de predefinir Identificació de l'àlbum afegit de manera que només es mostraran aquests àlbums
  • Altres millores menors
 03/15/2013 - Actualització 
  • Corregit l'error en l'escriptura de tant en tant no es carrega totes les imatges a l'àlbum (fins al límit especificat en la configuració)
  • Afegit addicional de criteris de classificació i l'opció per als àlbums d'imatges i la numeració per a una millor depuració (manual s'actualitzarà en conseqüència)
  • Altres millores menors
 02/18/2013 - Actualització 
  • comprovació interna afegit per als àlbums de Facebook buits o àlbums amb contingut definit que d'una altra manera trencar el guió
 2013.11.02 - Actualització 
  • Afegit funció de compartir socials opcional per a Facebook, Twitter i Google+
  • Afegit segona caixa de llum opcional (FancyBox)
  • Altres correccions d'errors i millores menors
 01/27/2013 - Versió inicial 

Descarregar
Altres components d'aquesta categoriaTots els components d'aquest autor
Comentaris dels clientsPreguntes freqüents i respostes

Propietats

creat:
27 de 13 de de gener de

Darrera actualització:
27 agost 15

Els navegadors compatibles:
IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

arxius inclosos:
JS JavaScript, HTML, CSS, PHP

Versió de programari:
jQuery

Paraules clau

eCommerce, eCommerce, tots els Articles, à, lbums, api, facebook, galeria, grà, fic, imatges, jQuery, caixa de llum, sensible, ajustos, espè, cie, està, tic, informació, sobre eines