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

@fr1wwsAbonnez-vous à notre RSS pour rester à jour!

Nouveau! Suivez-nous que vous le souhaitez!


jQuery Facebook Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Soutien

Les demandes de support via les commentaires seront renvoyés au "Aide & Support Forum" spécialement créé pour cet article. Si vous ne l'avez pas déjà fait, s'il vous plaît créer un compte d'utilisateur en premier. Avant d'être en mesure d'afficher dans l'un des forums, vous devrez fournir votre code de licence pour ce produit afin d'y avoir accès.

Une information important

En mai 2015, Facebook se retire son 1.x API, qui ce script invoqué afin d'extraire des informations album / photo de Facebook sans avoir besoin d'un jeton d'accès à le faire. Avec API v2.x, un jeton d'accès est maintenant nécessaire pour tous les profils de Facebook, y compris les profils pour les entreprises ou organisations, qui ne nécessitent pas de jetons avant.

En conséquence, ce script maintenant nécessite également un Facebook APP et le jeton d'accès ultérieur afin de récupérer toutes les données de Facebook.

Vous pouvez attribuer le jeton d'accès au script en utilisant le paramètre suivant, lors de l'initialisation:

 facebookToken: 'your_facebook_token', 
Si vous avez des problèmes avec la création d'un Facebook APP et le jeton, les tutoriels sur les pages suivantes se sont avérées utiles pour les autres:

Créer APP et Standard Token
Convertir standard Token en Token Extended

aperçu

Le script jQuery Facebook Gallery vous permet d'afficher tous vos albums Facebook (images) sur votre site. S'il vous plaît noter que ce script fonctionne uniquement avec les pages Facebook qui appartiennent à des entreprises ou l'organisation ou les pages qui sont enregistrées en tant que pages de fans. Il ne fonctionnera pas avec les profils Facebook personnels ou des pages de groupe. Aussi, s'il vous plaît assurez-vous que la page Facebook que vous souhaitez utiliser n'a pas de restrictions d'âge actif puisque ces restrictions exigent l'authentification et les jetons d'accès pour chaque utilisateur. Ce script est une solution pure de javascript / jQuery et ne nécessite pas un serveur PHP.

Ceci est la version autonome de la "jQuery Facebook Gallery" script. Si vous êtes à la recherche pour la version de WordPress, s'il vous plaît cliquez ici.

Si vous aimez ce script, prenez s'il vous plaît le temps de noter. Je vous remercie!

Caractéristiques

Ce script est livré avec 180+ paramètres différents et vous permet d'utiliser juste la façon dont vous voulez qu'il soit. Il est très flexible et pour faciliter les choses, il est livré avec un outil facile à utiliser le générateur de code qui vous aideront à tirer le meilleur parti de ses possibilités.

Définir Galerie Portée:

Vous pouvez tirer tous les albums (mais excluent ceux que vous ne voulez pas), prédéfinir les albums que vous souhaitez afficher ou de montrer un seul album directement. Vous pouvez également définir combien d'albums au total que vous souhaitez offrir à vos visiteurs.

Mise en page fixe ou Responsive

Le script vous permet de créer votre galerie avec une disposition statique (largeur fixe) ou le rendre sensible (largeur de fluide) aux dimensions de l'écran.

Pagination Caractéristique:

Vous pouvez utiliser la pagination intelligente (où le script déterminera le nombre d'éléments par page en fonction de la taille de l'écran disponible), régler manuellement le nombre de vignettes par page, définir le nombre total de pages ou de ne pas utiliser la pagination du tout.

Infini Fonction de défilement:

Si vous ne voulez pas paginer votre galerie, mais aussi ne veulent pas montrer tous les vignettes à la fois, pourquoi ne pas utiliser la fonction "Infinite Scroll" inclus...

Vous pouvez avoir le script détermine automatiquement le nombre d'éléments à charger pour chaque événement infini Scroll (basé sur la disposition taille de l'écran) ou définir manuellement le numéro.

LazyLoad Caractéristique:

Vous pouvez utiliser une fonction LazyLoad pour toutes les vignettes où les images ne seront chargés quand ils sont en fait en vue du navigateur.

Lightbox Caractéristique:

Le script est pré-programmé pour quatre plugins optionnels lightbox (FancyBox, ColorBox, prettyPhoto et Photobox), qui sont inclus dans le package de téléchargement pour votre commodité. Mais en ciblant les noms de classe personnalisée, vous pouvez utiliser d'autres visionneuses ainsi.

Feature Tooltip:

Le script est également pré-programmé pour le plug-in génial qTip2 Tooltip (inclus dans le package de téléchargement), qui peut être utilisé pour afficher des informations telles que les noms d'album ou des descriptions de photos. Bien sûr, en ciblant un nom de classe personnalisée de votre choix, vous pouvez utiliser d'autres solutions infobulles ainsi. Mais le plugin qTip2 vient déjà avec plusieurs modèles et options de positionnement, donc vous devriez être bon d'aller.

Social Share Caractéristique:

Le script vous offre la possibilité d'afficher les boutons d'actions sociales pour Facebook, Twitter, Google+ et StumbleUpon. Ces boutons peuvent être soit présentés sous les vignettes ou à l'intérieur de la vignette en vol stationnaire. Vous pouvez également choisir si vous voulez les partager des liens pour ouvrir dans un nouvel onglet / fenêtre ou comme un simple pop-up.

Traduction Prêt:

Le script vous permet de traduire tous les éléments de texte à vos visiteurs pourront voir à l'aide de paramètres fournis paramètres. Le (inclus) Générateur impressionnant code fera que aussi facile que possible pour vous.

Informations album

Pour chaque album, le script peut tirer toutes les informations pertinentes, telles que les noms, les descriptions, le nombre de goûts et commentaires existants et de fournir ces informations à vos téléspectateurs.

Autres caractéristiques

  • Exclure les images individuelles d'être montré
  • Automatiquement ou exclure l'album Timeline
  • En option bidirectionnel (asc. / Desc.) Album fonctionnalité de tri (nom / nombre d'images / jour album créé / album date de la dernière mise à jour)
  • option de filtre intelligent pour filtrer les albums et les photos par groupes d'âge
  • Rechercher Feature pour rechercher des albums par mots
  • Définir le sens du tri initial et les critères de tri
  • Peut être intégré via iFrame avec réglage automatique de la hauteur pour iFrame; tous les visionneuses ouvrira en plein écran dans le document parent (nécessite encore tous les fichiers d'être sur le même domaine)
  • Option pour flotter barre de contrôle qui suit l'utilisateur pendant le défilement à travers la sélection de l'album
  • Option pour afficher les dates dans "à partir de maintenant" le format (ie "il y a 2 jours») au lieu du format de date standard
  • journaux en option (dans la console) pour une meilleure mise au point (nombre d'albums ou de photes récupérés, les codes d'erreur, etc.)
  • Pas besoin de PHP à moins d'image scaler interne est utilisé; deux services externes (basé sur le Web) l'image de mise à l'échelle peuvent être utilisés aussi bien; par défaut, le script utilisera CSS3 détartrage
  • Aucune exigence pour créer une application Facebook via votre profil Facebook

Générateur de code

Cliquez ici pour tester le générateur de code.

Avant Achat

Ce script vous oblige à charger JS supplémentaires et les fichiers CSS pour votre site, ainsi que l' ajout du code HTML personnalisé et des lignes JavaScript à votre code de page. Alors que les fichiers JS et CSS peuvent être hébergés en dehors de votre site Web, les lignes JavaScript qui sont nécessaires pour initialiser la galerie et la ligne de HTML qui définit où dans votre page la galerie sera affichée doit faire partie de votre site Web. S'il vous plaît vous assurer que votre service d'hébergement et / ou le service de WebDesign vous permet de le faire. Certains services de webdesign en ligne sont très restrictive avec le type de contenu externe, vous êtes autorisé à ajouter à votre site Web, s'il vous plaît vérifier avec votre fournisseur de services avant d'acheter.

Autres notes

S'il vous plaît être conscient que tout progrès futur au script pourrait nécessiter des fonctions PHP pour l' authentification et la création d'un Facebook Apps, fonction de l'évolution Facebook déploie pour ses systèmes Graph / API. Par conséquent, avant d'acheter, s'il vous plaît assurez - vous que votre système comprend un serveur PHP et que vous êtes en mesure de créer une application Facebook pour tout nécessaire "App ID" et "clés secrètes" afin de garder le script de travail après les mises à jour futures.

Visiteurs

Flag Compteur

Communiqués

 22/02/2014 - Mise à jour 
  • Correction d'une erreur où les photos par album sont limitées à 100 en raison de changements dans Facebook API
  • Correction d'une erreur où les albums sont limités à 100 en raison de changements dans Facebook API
  • option pour spécifier la largeur de gouttière supplémentaire entre les colonnes isotopiques Ajouté
  • Ajouté Progress Update / Animation Status (utile pour les grands albums)
  • option pour désactiver Ajouté "Défilement Vers le haut" lors de la pagination, le tri ou le filtrage
  • Ajout d'une option pour afficher Facebook Like Button pour Photo dans Lightbox
  • Ajout d'une option pour régler le temps d'attente entre chaque demande Graphique
  • Autres CSS et améliorations JS
 07/12/2013 - Mise à jour 
  • Ajout fonction de défilement infini si aucune pagination est utilisé
  • Option CSS3 image de fond à utiliser l'échelle à la place des services externes ou PHP mise à l'échelle sur la base (IE9 +, Firefox, Opera, Chrome et Safari) Ajouté
  • Ajout d'une option pour fournir manuellement jeton d'accès pour les profils privés / restreints
  • 4ème Option Lightbox Ajouté (Photobox)
  • Ajout d'options pour raccourcir partager URL pour cet album et de photos URL
  • Ajout d'une option pour afficher les commentaires existants pour chaque album
  • option pour afficher les boutons d'actions sociales comme superposition en miniature au lieu de juste en dessous du thubmnail Ajouté
  • option pour afficher les boutons d'actions sociales dans la lightbox Ajouté (seulement si pas intégré via iFrame)
  • possibilité d'ouvrir les fenêtres d'actions sociales soit en tant que menu contextuel ou nouvel onglet / fenêtre Ajout
  • Ajouté StumbleUpon comme bouton de partage supplémentaire
  • Ajout de texte personnalisé pour Twitter partager
  • Ajouté Albums trier par ordre dans lequel prédéfinis Album ID de ont été fournis
  • Quelques améliorations et corrections CSS
  • Autres improvments JS
 11/09/2013 - Mise à jour 
  • Sortie Code Generator pour construire automatiquement HTML requis et le code JS pour charger et initialiser la galerie
 24/08/2013 - Mise à jour 
  • option pour basculer Album Section de l'information et afficher ou masquer la section par défaut Ajouté
  • Ajouté 2e cloud Service Image Scaling pour créer des vignettes
  • option pour désactiver la détection automatique iFrame et Réglage de la hauteur Ajouté si la galerie est intégré avec iFrames inter-domaines (non recommandé pour incorporer cette façon, mais parfois il n'y a pas de solutions de rechange)
  • option pour attribuer le nom de classe personnalisée à tous les éléments qui peuvent être ouverts par l'intermédiaire Lightbox Ajouté (dans le cas où vous souhaitez utiliser une solution Lightbox différent de ceux qui sont inclus, peuvent être utilisés pour cibler ces classes spécifiquement)
  • option pour attribuer personnalisée Nom de la classe à tous les éléments qui incluent Content Tooltip Ajouté (dans le cas où vous souhaitez utiliser une solution de Tooltip différent de celui inclus, peut être utilisé pour cibler ces classes spécifiquement)
  • erreur occasionnelle fixe où intelligente Pagination ne calcule pas correctement Numer des objets par page
  • Correction d'une erreur où le lien vers le (disque icône) de l'image en taille n'utilise pas toujours le bon lien
  • Autres JS mineures et améliorations CSS
  • Mise à jour 3 Extension Partie interne nouvelles versions
  • Lien Mise à jour à nouveau manuel
 18/07/2013 - Mise à jour 
  • option pour masquer la barre de recherche Ajouté
  • Autres JS mineures et améliorations CSS
  • Manuel Mise à jour et les nouvelles Aide & Support Forum
 12/06/2013 - Mise à jour 
  • option pour raccourcir automatiquement les noms d'album pour éviter les sauts de ligne Ajouté
  • option pour afficher le nom de l'album, soit au-dessus ou en dessous de la vignette Ajouté
  • Résolution de l'erreur flottante barre de contrôle ne peut pas être mis hors tension
 02/06/2013 - Mise à jour 
  • Ajout fonctionnalité de pagination (set de nombre d'articles par page, nombre de pages, utilisez la pagination automatique ou désactiver la pagination)
  • Ajouté fonctionnalité lazy-charge pour toutes les vignettes d'album et photo
  • Ajout recherche et filtre fonctionnalité pour les albums
  • Ajout de l'option pour correspondre album vignette look avec regard photo miniature
  • Flottant Barre de contrôle maintenant disponible pour l'album et photos miniatures
  • Autres JS et améliorations CSS
 09/05/2013 - Mise à jour 
  • Ajout d'une option de pré-définir la direction initiale de tri (asc./desc.) et les critères de tri (nom, articles de numéro, la date de création, date mise à jour)
  • Ajouté deuxième bouton retour option ci-dessous album vue détaillée pour les albums avec beaucoup d'images
 06/05/2013 - Mise à jour 
  • Correction de l'erreur où controlbar réapparaît après un premier album appel même si elle est définie soit désactivée
  • Certaines améliorations CSS
 02/05/2013 - Mise à jour 
  • Changement de Facebook API Javascript pour diriger les demandes Facebook Graph via JSON à (espérons-le) d'éviter l'avenir "jeton d'accès" demandes
  • troisième lightbox Ajouté (prettyPhoto)
  • script a entièrement fonctionnel lorsqu'il est intégré via iFrame (script détecter iFrame et ajuster la hauteur en conséquence; visionneuses ouvert plein écran dans l'élément parent
  • Option pour flotter barre de contrôle qui suit l'utilisateur pendant le défilement à travers la sélection de l'album
  • Option pour afficher les dates dans "à partir de maintenant" le format (ie "il y a 2 jours») au lieu du format de date standard
  • Élargi fonctionnalité d'enregistrement interne (console) afin de fournir plus d'informations pour une meilleure mise au point
  • Mise à jour tous les plugins utilisés (isotopes, infobulles, visionneuses, etc.) à leurs versions les plus récentes et ajusté le script si nécessaire
  • Autres améliorations mineures et des améliorations de vitesse
 08/04/2013 - Mise à jour 
  • option pour prédéfinir album ID de Ajouté de sorte que seuls ces albums seront affichés
  • D'autres améliorations mineures
 15/03/2013 - Mise à jour 
  • Correction d'une erreur de script où de temps en temps ne charge pas toutes les images dans l'album (jusqu'à la limite spécifiée dans les paramètres)
  • Ajout supplémentaire des critères de tri et de l'option pour les albums et les images de numérotation pour une meilleure mise au point (manuel sera mis à jour en conséquence)
  • D'autres améliorations mineures
 18/02/2013 - Mise à jour 
  • contrôle interne Ajouté pour les albums vides Facebook ou album avec un contenu indéfini qui serait autrement briser le script
 11/02/2013 - Mise à jour 
  • Ajout option fonctionnalité de partage social pour Facebook, Twitter et Google+
  • Ajouté deuxième lightbox option (FancyBox)
  • Autres corrections de bugs et améliorations mineures
 27/01/2013 - Initial Release 

Télécharger
D'autres éléments de ce typeTous les composants de cet auteur
CommentairesFoire aux questions et réponses

Propriétés

Créé:
27 Janvier 13

Dernière mise à jour:
27 Août 15

Navigateurs compatibles:
IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

fichiers inclus:
JavaScript JS, HTML, CSS, PHP

Une version de logiciel:
jQuery

Mots-clés

commerce é, lectronique, commerce é, lectronique, Tous les articles, albums, api, Facebook, Galerie, graphique, images, jquery, boite à, lumiè, re, sensible, paramè, tres, Trier, statique, infobulles