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

Iscriviti al nostro feed per rimanere sempre aggiornato!

Nuovo! Seguici come lo vuoi!


jQuery Facebook Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Supporto

Le richieste di supporto tramite i commenti si farà riferimento alla "Guida e supporto Forum" appositamente creati per questo articolo. Se non si è già fatto, si prega di creare un account utente prima. Prima di essere in grado di pubblicare in uno qualsiasi dei forum, vi verrà richiesto di fornire il codice di licenza per questo articolo, al fine di ottenere l'accesso.

Informazioni importanti

A partire dal maggio 2015, Facebook va in pensione la sua 1.x API, che questo script invocato al fine di estrarre informazioni album / foto da Facebook senza bisogno di un token di accesso per farlo. Con API v2.x, un token di accesso è ora richiesto per tutti i profili di Facebook, tra cui i profili di aziende o organizzazioni, che non richiedono gettoni prima.

Di conseguenza, questo script ora richiede anche un app Facebook e il successivo token di accesso, al fine di recuperare i dati da Facebook.

È possibile assegnare il token di accesso allo script utilizzando il seguente parametro, durante l'inizializzazione:

 facebookToken: 'your_facebook_token', 
Se hai problemi con la creazione di un app Facebook e Token, le esercitazioni nelle pagine seguenti hanno dimostrato di essere utile per gli altri:

Creare APP e Token standard
Convertire standard Token in estesa provvisorie

Panoramica

Lo script jQuery Facebook Galleria consente di visualizzare tutti i tuoi album di Facebook (immagini) sul tuo sito web. Si prega di notare che questo script funziona solo con pagine di Facebook che appartengono a imprese o organizzazioni o le pagine che sono registrati come pagine fan. Non funzionerà con profili di Facebook personali o pagine di gruppo. Inoltre, assicurarsi che la pagina di Facebook che si desidera utilizzare non ha limiti di età attivi da queste restrizioni richiedono autenticazione e dei token di accesso per ciascun utente. Questo script è un / soluzione puro JavaScript jQuery e non richiede un server PHP.

Questa è la versione autonoma dello script "jQuery Facebook Gallery". Se siete alla ricerca per la versione di WordPress, per favore clicca qui.

Se vi piace questo script, si prega di prendere il tempo per votarla. Grazie!

Caratteristiche

Questo script è dotato di 180 + diverse impostazioni e consente di utilizzare solo il modo in cui si desidera che sia. E 'altamente flessibile e per rendere le cose più facili, è dotato di un facile da usare generatore di codice che vi aiuterà a sfruttare al massimo le sue possibilità.

Definire Galleria Ambito:

È possibile estrarre tutti gli album (ma esclude quelli che non si desidera), predefinire gli album che si desidera essere mostrato o mostrare direttamente un unico album. È anche possibile definire il numero di album in totale si desidera fornire per i tuoi visitatori.

Layout fisso o Responsive

Lo script consente di creare la vostra galleria con un layout statica (larghezza fissa) o rendono reattiva (larghezza fluida) per le dimensioni dello schermo.

Impaginazione Caratteristica:

È possibile utilizzare Smart impaginazione (dove lo script determina il numero di elementi per pagina in base alla dimensione dello schermo disponibile), impostare manualmente il numero di miniature per pagina, impostare il numero di pagine totali o utilizzare alcun impaginazione a tutti.

Infinite funzione di scorrimento:

Se non si desidera impaginare tua galleria, ma anche non vogliono mostrare tutto miniature in una volta, perché non utilizzare la funzione incluso "Infinite Scroll"...

Si può avere lo script di determinare automaticamente il numero di elementi da caricare per ogni evento Infinite scorrimento (in base alle dimensioni dello schermo disponibile) oppure impostare manualmente il numero.

LazyLoad Caratteristica:

È possibile utilizzare una funzionalità LazyLoad per tutte le miniature in cui le immagini verranno caricati solo quando sono effettivamente in vista del browser.

ID Caratteristica:

Lo script è pre-programmato per quattro plug-in opzionali lightbox (Fancybox, colorbox, prettyphoto e Photobox), che sono incluse nel pacchetto di download per la vostra convenienza. Ma prendendo di mira i nomi delle classi personalizzate, è possibile utilizzare altri lightbox pure.

Caratteristica Descrizione comando:

Lo script è anche pre-programmato per l'impressionante plug qTip2 Tooltip (incluso nel pacchetto di download), che può essere usato per mostrare informazioni come i nomi degli album o le descrizioni delle foto. Naturalmente, prendendo di mira un nome di classe personalizzato di tua scelta, è possibile utilizzare altre soluzioni tooltip pure. Ma il plugin qTip2 viene fornito già con più disegni e opzioni di posizionamento, così si dovrebbe essere a posto.

Sociale Condividi Caratteristica:

Lo script vi offre la possibilità di mostrare pulsanti sociali per Facebook, Twitter, Google+ e StumbleUpon. Questi tasti possono sia essere visualizzati sotto le miniature o all'interno della miniatura, mentre in bilico. È inoltre possibile selezionare se si desidera che i collegamenti di condivisione per aprire in una nuova scheda / finestra o come un semplice pop-up.

Traduzione Ready:

Lo script permette di tradurre tutti gli elementi di testo i visitatori si arriva a vedere, utilizzando i parametri forniti impostazioni. L'(incluso) impressionante generatore di codice farà che il più semplice possibile per voi.

Informazioni sull'album

Per ogni album, lo script può tirare tutte le informazioni pertinenti, quali nomi, descrizioni, numero di simpatie e commenti esistenti e di fornire queste informazioni ai vostri spettatori.

Altre caratteristiche

  • Escludere singole immagini vengano visualizzati
  • includere o escludere automaticamente l'album Timeline
  • Opzionale bidirezionale (asc. / Disc.) Album funzionalità di ordinamento (nome / numero di immagini / data album creato / album data di ultimo aggiornamento)
  • opzione di filtro intelligente per filtrare album e foto di gruppi di età
  • Funzione di ricerca per la ricerca di Album di parole chiave
  • Impostare la direzione di ordinamento iniziale e criteri di ordinamento
  • Possono essere incorporati tramite iFrame con regolazione automatica per iFrame; tutti lightbox si apriranno a schermo intero in documento principale (richiede ancora tutti i file di essere sullo stesso dominio)
  • Opzione per il galleggiamento barra di controllo che segue l'utente durante lo scorrimento attraverso la selezione album
  • Opzione per mostrare date "da ora in" formato (vale a dire "2 giorni fa") anziché in formato data standard
  • log opzionali (in console) per una migliore debug (cioè il numero di album o photes recuperate, codici di errore, ecc)
  • Non c'è bisogno di PHP a meno immagine scaler interno viene utilizzato; due (web based) Servizi di scalatura delle immagini esterne possono essere utilizzati come pure; Per impostazione predefinita, lo script utilizzerà il ridimensionamento CSS3
  • Nessun requisito per la creazione di una Facebook App tramite il proprio profilo Facebook

Generatore di codici

Clicca qui per testare il generatore di codice.

prima di Acquisto

Questo script richiede di caricare JS aggiuntivi e file CSS per il vostro sito web, così come l'aggiunta di un po 'di linee di JavaScript HTML personalizzato e al codice pagina. Mentre i file JS e CSS possono essere ospitati al di fuori del tuo sito web, le linee di JavaScript che sono necessari per inizializzare la galleria e la linea di codice HTML che definisce dove nella tua pagina della galleria verrà mostrato deve essere parte del tuo sito web. Si prega di accertarsi che il servizio di hosting e / o servizio WebDesign permette di farlo. Alcuni servizi webdesign online sono molto restrittive, con il tipo di contenuto esterno che si è permesso di aggiungere al tuo sito web, in modo da rivolgersi al proprio fornitore di servizi prima di acquistare.

altre note

Si prega di essere consapevole del fatto che ogni futuro progresso allo script potrebbe richiedere funzioni PHP per l'autenticazione e la creazione di una Facebook App, a seconda delle variazioni Facebook sta facendo per i suoi sistemi di grafico / API. Pertanto, prima di acquistare, assicurarsi che il sistema include un server PHP e che siete in grado di creare una Facebook App per e "chiavi segrete" ogni necessaria "App di ID", al fine di mantenere lo script di lavoro dopo gli aggiornamenti futuri.

visitatori

Contatore Flag

Uscite

 2014/02/22 - Aggiornamento 
  • Corretto l'errore in cui le foto per album sono limitate a 100 a causa di cambiamenti di Facebook API
  • Corretto l'errore in cui album sono limitate a 100 a causa di cambiamenti di Facebook API
  • opzione per specifiy larghezza di rilegatura supplementare tra le colonne Isotope Aggiunto
  • Aggiunto Progress Aggiornamento / Animazione stato (utile per i grandi album)
  • Aggiunta opzione per disabilitare "Scorrimento automatico to top" quando il paging, l'ordinamento o il filtraggio
  • Aggiunta l'opzione per mostrare Facebook Like Button per Foto in Lightbox
  • Aggiunta l'opzione per impostare il tempo di attesa tra ogni richiesta Graph
  • Altri CSS e JS miglioramenti
 2013/12/07 - Aggiornamento 
  • Aggiunta funzione di scorrimento infinito se non impaginazione viene utilizzato
  • opzione immagine di sfondo da utilizzare CSS3 ridimensionamento invece di servizi di scala basati esterni o PHP (IE9 +, Firefox, Opera, Chrome e Safari) Aggiunto
  • Aggiunta l'opzione per fornire manualmente token di accesso per i profili privati ​​/ ristrette
  • Aggiunto Lightbox Opzione 4 (Photobox)
  • opzioni aggiunte per abbreviare quota URL per album e foto URL
  • Aggiunta l'opzione per visualizzare i commenti esistenti per ogni album
  • possibilità di mostrare pulsanti sociali come overlay in miniatura invece di appena sotto il thubmnail Aggiunto
  • possibilità di mostrare pulsanti sociali a Lightbox Aggiunto (solo se non incorporato tramite iFrame)
  • possibilità di aprire le finestre delle azioni sociali sia come comparsa o nuova scheda / finestra di inserimento
  • Aggiunto StumbleUpon come ulteriore pulsante Condividi
  • Aggiunta di testo personalizzato per Twitter Condividere
  • Aggiunto Album ordina per ordine in cui pre-definite album ID sono state fornite
  • Alcuni miglioramenti e correzioni di CSS
  • Altre migliorie JS
 2013/09/11 - Aggiornamento 
  • Rilasciato generatore di codice per costruire automaticamente richiesto il codice HTML e JS per caricare e inizializzare la galleria
 2013/08/24 - Aggiornamento 
  • possibilità di attivare o disattivare informazioni dell'album sezione e mostrare o nascondere la sezione di default Aggiunto
  • Aggiunto 2 ° Nube basato immagine in scala di servizio per creare miniature
  • opzione per disattivare il rilevamento automatico iFrame e regolazione altezza aggiunta, se la galleria è integrato con iFrame tra domini (non raccomandato per incorporare in questo modo, ma a volte non ci sono alternative)
  • opzione per assegnare Nome classe personalizzata a tutti gli elementi che possono essere aperti tramite ID Aggiunto (nel caso in cui si desidera utilizzare una soluzione di ID diverso rispetto a quelli inclusi; può essere utilizzato per indirizzare queste Classi specificamente)
  • opzione per assegnare personalizzato nome della classe per tutti gli elementi che includono contenuti Tooltip aggiunto (nel caso in cui si desidera utilizzare una soluzione Tooltip diverso da quello incluso; può essere utilizzato per indirizzare queste Classi specificamente)
  • Corretto l'errore occasionale in cui smart impaginazione non calcola correttamente Posti Articoli per pagina
  • Corretto errore in cui il link al (icona del disco) l'immagine a dimensioni non usa sempre il link corretto
  • Altro JS e miglioramenti minori CSS
  • Aggiornato estensione interna 3rd Party a versioni più recenti
  • Link aggiornato al nuovo manuale
 2013/07/18 - Aggiornamento 
  • opzione per nascondere barra di ricerca Aggiunto
  • Altro JS e miglioramenti minori CSS
  • Manuale aggiornato e la nuova Guida e Assistenza
 2013/06/12 - Aggiornamento 
  • opzione per ridurre automaticamente i nomi degli album per evitare interruzioni di riga aggiunta
  • possibilità di mostrare il nome dell'album di sopra o al di sotto delle miniature Aggiunto
  • Corretto l'errore in cui galleggia barra di controllo non poteva essere spento
 2013/06/02 - Aggiornamento 
  • caratteristica aggiunta paginazione (numero fisso di articoli per pagina, il numero di pagine, utilizzare l'impaginazione automatica o impaginazione disabilita)
  • caratteristica pigro carico aggiunto per tutte le miniature degli album e foto
  • funzionalità di ricerca e filtro aggiunto per gli album
  • Aggiunta l'opzione per abbinare album aspetto delle miniature con sguardo miniatura della foto
  • Galleggiante Barra di controllo ora disponibile per l'album e miniature delle foto
  • Altri JS CSS e miglioramenti
 2013/05/09 - Aggiornamento 
  • Aggiunta l'opzione per pre-definire direzione iniziale di smistamento (asc./desc.) e criteri di ordinamento (nome, gli elementi numerici, data di creazione, data di aggiornamento)
  • Aggiunto secondo pulsante opzionale di nuovo sotto album dettaglio vista per gli album con molte immagini
 2013/05/06 - Aggiornamento 
  • Corretto l'errore in cui controlbar riappare dopo la prima chiamata album anche se è impostato per essere disabilitato
  • Alcuni miglioramenti CSS
 2013/05/02 - Aggiornamento 
  • Cambiato da JavaScript API per indirizzare le richieste Facebook Graph tramite JSON per (si spera) evitare futuri "token di accesso" richieste
  • Aggiunta terzo lightbox (prettyphoto)
  • sceneggiatura Realizzato completamente funzionale quando incorporato tramite iFrame (lo script rileverà iFrame e regolare l'altezza di conseguenza; lightboxes schermo intero aperta in elemento genitore
  • Opzione per il galleggiamento barra di controllo che segue l'utente durante lo scorrimento attraverso la selezione album
  • Opzione per mostrare date "da ora in" formato (vale a dire "2 giorni fa") anziché in formato data standard
  • Expanded funzionalità di registrazione interna (console) per fornire ulteriori informazioni per una migliore debug
  • Aggiornato tutti i plugin utilizzati (isotopi, tooltip, lightboxes, ecc) per le loro versioni più recenti e adeguati, ove necessario, lo script
  • Altri piccoli miglioramenti e miglioramenti di velocità
 2013/04/08 - Aggiornamento 
  • possibilità di predefinire ID album di aggiunta in modo che verranno visualizzati solo questi album
  • Altri miglioramenti minori
 2013/03/15 - Aggiornamento 
  • Corretto l'errore in cui lo script di tanto in tanto non carica tutte le immagini in album (fino al limite specificato nelle impostazioni)
  • Aggiunto ulteriore criteri di ordinamento e l'opzione per gli album e le immagini di numerazione per una migliore debugging (manuale sarà aggiornata di conseguenza)
  • Altri miglioramenti minori
 2013/02/18 - Aggiornamento 
  • Aggiunta di controllo interno per gli album di Facebook vuoti o album con contenuti indefinito che altrimenti rompere lo script
 2013/02/11 - Aggiornamento 
  • Aggiunta opzionale funzione di condivisione sociale per Facebook, Twitter e Google+
  • Aggiunto secondo lightbox opzionale (Fancybox)
  • Altre correzioni di bug e miglioramenti minori
 2013/01/27 - Versione iniziale 

Scarica
Altri componenti di questa categoriaTutti i componenti di questo autore
CommentiDomande frequenti e risposte

Proprietà

Creato:
27 Gennaio 13

Ultimo aggiornamento:
27 Agosto 15

Browser compatibili:
IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

File inclusi:
JavaScript JS, HTML, CSS, PHP

Versione software:
jQuery

Parole chiave

eCommerce, eCommerce, Tutti gli articoli, album, api, Facebook, galleria, grafico, immagini, jquery, lightbox, di risposta, impostazioni, ordinare, statico, tooltip