SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

286 Plugins, 197 contribs sur SPIP-Zone, 282 visiteurs en ce moment

Accueil > Affichage multimédia > Galeries et diaporamas > FancyBox > FancyBox

FancyBox

25 mars 2009 – par b_b – 415 commentaires

63 votes

Adaptation du script FancyBox pour jQuery en plugin SPIP.

Liste des fonctionnalités reprise depuis le site original :

  • ajoute un joli effet d’ombre portée sous la fenêtre
  • possibilité de grouper les images pour naviguer dans les séries d’éléments
  • permet d’afficher des images, du contenu en ligne, ajax ou en iframe

Voir la démonstration sur le site de FancyBox.

Installation et configuration

Zip - 32.7 ko
Version 0.6.1
Télécharger le plugin sur la zone.

Installation et activation comme tous les plugins.

La page de configuration du plugin est accessible à l’adresse ecrire/?exec=cfg&cfg=fancybox (menu CFG => onglet FancyBox).

Page de configuration du plugin FancyBox

Elle permet de modifier les paramètres suivants :

  • cible des éléments qui déclencheront une fenêtre fancybox ;
  • cible des éléments qui déclencheront une galerie avec fancybox ;
  • espacement autour du contenu de la fenêtre (en pixels) ;
  • redimensionnement automatique des images à la taille de la fenêtre du navigateur ;
  • affichage et opacité de l’arrière plan
  • fermeture de la fenêtre si la touche ESC du clavier est pressée
  • afficher ou non le bouton de fermeture de la fenêtre
  • fermeture de la fenêtre lors d’un clic sur celle-ci ou à l’extérieur
  • centrer la fenêtre lors du défilement de la page

Voir en ligne : http://plugins.spip.net/fancybox

Dernière modification de cette page le 13 juin 2012

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 23 janvier 2013 à 22:36, par Antoine En réponse à : FancyBox

    Bonsoir,
    Comment faire fonctionner conjointement FancyBox et Nivo Slider ?
    (avec SPIP 2.1.13, Nivo Slider 0.1.1 et FancyBox 0.6.1). J’ai activé les deux plugins mais seul Nivo Slider est opérationnel. Au clic ce message s’affiche à la place de l’image
    « The requested content cannot be loaded.
    Please try again later. »
    "Le contenu demandé ne peut pas être chargé.
    S’il vous plaît réessayer plus tard. "

    • Le 13 février 2013 à 18:20, par b_b En réponse à : FancyBox

      Salut, comme je l’ai déjà dit ici, il est recommandé d’utiliser mediabox qui est aujourd’hui la box la plus à jour et la plus complète pour SPIP.

      Sinon, pour qu’on puisse tenter de comprendre quel est ton problème et donc t’aider, il nous faut l’adresse de la page où l’on pourrait observer le problème.

      ++

    Répondre à ce message

  • Le 30 septembre 2012 à 14:33, par Hello En réponse à : FancyBox

    Bonjour,

    J’ai installé sur mon site le plugin Fancybox ansi que le plugin Giseh. J’ai rajouté dans les squelettes de Giseh, #INSERT_HEAD pour que Fancybox puisse marcher mais rien de nouveau ne se passe quand j’ouvre une image.

    Pourriez-vous me dire d’où peut venir ce problème ? (l’auteur de Giseh de répondant pas aux questions sur ce sujet :( )

    Merci d’avance

    Répondre à ce message

  • Le 14 septembre 2012 à 22:06, par jlg13 En réponse à : FancyBox

    Spip 2.17

    Avec le plugin album j’ai posé des galleries photos dans un article.
    Lorsque je clique sur une des miniature d’un album, fancybox fait son travail et m’affiche un beau diaporama.
    Le problème c’est que fancybox enchaîne sur l’album suivant à la fin d’une série.
    Serait-il possible de faire en sorte que lorsqu’une série fini, fancybox s’arrête et on reviendrait à un affichage sur les miniatures ?

    • Le 15 septembre 2012 à 11:33, par b_b En réponse à : FancyBox

      Salut, les galeries de fancybox sont basées sur l’attribut rel des liens qui encadrent les images, c’est donc au plugin album de poser un attribut rel différents suivant l’album en cours. Il faut donc voir ça avec l’auteur de ce plugin.

    • Le 15 septembre 2012 à 15:56, par jlg13 En réponse à : FancyBox

      Merci b_b,
      je vais sonder ça.

    Répondre à ce message

  • Le 2 septembre 2012 à 21:28, par madrilene En réponse à : FancyBox

    Bonjour
    j’ai installé en local le plugin Fancybox sur un spip 2.1.9 (j’ai du mettre CFG, saisies et télécharger un element jquery).
    Le probleme c’est lorsque je tape la commande citée dans le tutoriel :
    « La page de configuration du plugin est accessible à l’adresse ecrire/ ?exec=cfg&cfg=fancybox (menu CFG => onglet FancyBox). »
    j’ai un message CFG « choisissez le module a configurer »
    je clique donc sur la petite boite « fancybox » mais là une fenetre apparait :
    « the requested content cannot be loaded. please try later »
    Bref je suis coincée, quelqu’un(e) peut-il m’aider ?
    Merci beaucoup

    • Le 2 septembre 2012 à 21:40, par madrilene En réponse à : FancyBox

      Je me réponds : est apparu dans la liste des plugins a cote de fancybox une petite icone avec des outils, j’ai cliqué dessus et j’ai pu configurer le plugin :-)

    Répondre à ce message

  • Le 29 juin 2012 à 14:37, par ttseo En réponse à : FancyBox

    Bonjour
    j’utilisais fancybox afin d’afficher du html grâce à un href=« #mondiv ».
    J’ai essayé de faire de même avec mediabox mais cela ne fonctionne pas.
    Connaissez-vous la méthode pour faire de même avec mediabox ??
    Cordialement

    • Le 29 juin 2012 à 15:09, par b_b En réponse à : FancyBox

      Je pense que tu auras plus de réponses à propos de MediaBox en postant dans le forum de son article...

    Répondre à ce message

  • Le 20 juin 2012 à 12:08, par L’AMI En réponse à : FancyBox

    Bonjour,

    Une version pour Spip 3 est-elle dans les tuyaux ?

    Merci

    • Le 20 juin 2012 à 12:11, par b_b En réponse à : FancyBox

      Salut, non ce n’est pas prévu car médiabox est intégré dans le core en SPIP 3. De plus j’ai porté un thème fancybox dans médiabox, il n’y a donc plus de raison d’utiliser fancybox qui mérite maintenant un peu de repos ;)

      ++

    Répondre à ce message

  • Le 6 mars 2012 à 12:07, par sebbesac En réponse à : FancyBox

    Bonjour,

    J’avais déjà posté ce message dans le forum général de SPIP il y a quelques mois mais sans réponse, je tente alors directement sur les commentaires du plugin ;)

    J’utilise l’excellent plugin GIS2 et j’essaie de le combiner avec le plugin FancyBox.
    En fait, je souhaiterai « simplement » que lorsque je clique sur l’image qui est contenu dans l’infobulle d’un marqueur sur la carte, que celle-ci s’ouvre au premier plan et non dans une nouvelle fenêtre Web.

    J’ai donc modifié le fichier rss-gis.html où j’ai ajouté la class=« fancybox » devant normalement mettre en action le plugin :

       
    <BOUCLE_imaxe(DOCUMENTS){id_article}{extension==jpg|png|gif}{0,1}>
           <a href='#URL_DOCUMENT' [title='(#TITRE|texte_backend)'] class="fancybox">
    <img src='[(#LOGO_DOCUMENT|fichier|url_absolue)]' [height='(#LOGO_DOCUMENT||hauteur)'] [width='(#LOGO_DOCUMENT||largeur)'] alt='[(#TITRE|texte_backend|sinon{Image})]' /></a>
    </BOUCLE_imaxe>

    Mais rien, il l’ouvre toujours dans une autre fenêtre.
    En fouillant avec la debugbar de Firefox, je me rends compte que le code l’infobulle est généré comme s’il s’agissait de DIV caché, cela influe peut-être l’utilisation de la class=« fancybox »

    Si vous avez des pistes.. merci d’avance ;)
    Séb

    • Le 27 avril 2012 à 15:42, par sebbesac En réponse à : FancyBox

      Hello,

      Je n’apporte malheureusement pas la solution au problème mais pour avoir également tester Médiabox (qui est maintenu et dans sa dernière version), j’obtiens le même résultat qu’avec Fancybox la class est mal interprété...
      Je poursuis mes recherches...

      ++

    Répondre à ce message

  • Le 26 mars 2012 à 11:27, par mickamoi En réponse à : FancyBox

    Salut,
    question récurrente mais qui reste sans réponse pour moi. Je suis en local et lorsque j’active Fancybox, celui-ci marche dans la partie privée mais pas dans la partie publique. Un message :« The requested content cannot be loaded. Please try again later » apparait.

    Est-ce une erreur dans ma boucle, un problème sur mon serveur Mamp, etc ; ?

    Ps : j’ai essayé Mediabox et lui non plus ne trouve pas l’image ou n’arrive pas à l’ouvrir.

    Voici ma boucle qui affiche les documents ou les logos + effet fenêtre agrandi grâce à Fancybox.

    [(#MODELEvideo,document=#ID_DOCUMENT,largeur=600,hauteur=225)]
    • Le 26 mars 2012 à 14:26, par mickamoi En réponse à : FancyBox

      Désolé voici ci-joint le code. je ne savais comment insérer mes boucles dans le message !

      PNG - 15.4 ko
    • Le 28 mars 2012 à 15:59, par mickamoi En réponse à : FancyBox

      Auto-réponse pour ceux qui ont le même pb où rien ne s’affiche en fenêtre agrandie sur fancybox et mediabox.
      ex : « The requested content cannot be loaded. Please try again later »

      Attention à l’url de documents, logo, etc. envoyée dans le href. Pour le logo de l’article utiliser :

      Pour les paramètres c’est comme vous voulez..

      PNG - 9.8 ko

    Répondre à ce message

  • Le 27 février 2012 à 14:12, par Ben29 En réponse à : FancyBox

    Bonjour, je cherchais à afficher dans la fenêtre fancybox le titre ainsi que le descriptif de l’image. Je vous fais part des modifications que j’ai faites afin d’afficher in titre_long dans fancybox :.
    L’affichage du champ title (en particulier l’info-bulle) est géré directement par le navigateur, il n’est pas très élégant de passer le champ descriptif dans title car on ne peut donc pas modifier l’affichage . En cherchant un peu il s’avère qu’il existe dans la librairie fancybox une option titleFromAlt qui n’est pas gérée par le plugin spip fancybox. Donc dans href le principe est de gérer normalement le champ title et de passer le texte descriptif dans le champ alt, en indiquant à fancybox qu’il doit afficher le titre présent dans le champ alt de la façon suivante :
    <a href="nom_du_fichier" class="fancybox" title="le titre de l'image"><img src=fichier alt="le titre et le descriptif de l'image"/></a>

    Donc il suffit de mofier votre squelette en passant le titre_long dans le champ alt. Il faut aussi modifier le fichier fancybox_pipelines.php en y insérant "titleFromAlt": true car cette option est à false par défaut. Il faut enfin modifier jquery.fancybox-1.3.4.js car l’option titleFromAlt n’est bizarrement prise en compte que si le champ title est vide :
    if (title === '' && selectedOpts.orig && selectedOpts.titleFromAlt) devient
    if (selectedOpts.orig && selectedOpts.titleFromAlt)
    Vous pouvez voir le résultat ici par exemple : http://vbcq.levillage.org/spip.php?article1165
    En espérant que çà peut servir à quelqu’un,
    Benoît

    • Le 14 mars 2012 à 10:09, par Guy Beersel En réponse à : FancyBox

      bonjour Benoît,
      mes félicitations pour votre site « volley » et la modif proposée dnas FANCYBOX
      je vais voir avec mes « clients » (une association 1901 s’occupant d’échanges culturels avec le Maroc) s’ils sont intéressés par la modif.
      si oui, et en cas de problèmes, je reviendrai vers vous

      bien à vous

      Guy (Beersel Belgique)

    Répondre à ce message

  • Le 22 février 2012 à 11:02, par Florence HENRY En réponse à : FancyBox

    Bonjour,

    la version 2.0.5 de fancy box est sortie (http://fancyapps.com/fancybox/), avec des fonctionnalités dont j’aurais besoin (faire des galeries distinctes sur une même page, choisir la transition entre 2 images...).

    Est-ce qu’un portage de cette nouvelle version est prévu prochainement ?

    Merci du renseignement !

    • Le 22 février 2012 à 11:19, par b_b En réponse à : FancyBox

      Salut, je ne pense pas continuer à « développer » Fancybox. En effet, la box « du futur » est Médiabox, celle-ci est d’ailleurs intégrée par défaut dans SPIP 3.0 et j’ai même portée un thème « à la fancybox » pour permettre d’avoir des mediabox qui ressemblent à fancy.

      Par contre, si quelqu’un est motivé pour continuer à mettre à jour Fancybox, il ne faut pas hésiter bien sûr.

      ++

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • GIS 4

    11 août 2012 – 1308 commentaires

    Présentation et nouveautés La version 4 de GIS abandonne la libraire Mapstraction au profit de Leaflet. Cette librairie permet de s’affranchir des librairies propriétaires tout en gardant les mêmes fonctionnalités, elle propose même de nouvelles (...)

  • Formidable, le générateur de formulaires

    23 janvier 2012 – 2051 commentaires

    Un générateur de formulaires facilement configurable pour les non-informaticiens et facilement extensible pour les développeurs. Introduction L’objectif était de créer un plugin permettant de générer des formulaires. Historiquement, 2 plugins (...)

  • Pages uniques

    11 décembre 2008 – 259 commentaires

    Allez, avouez... il ne vous est jamais arrivé d’avoir besoin d’articles qui ne sont rattachés à aucun rubriquage particulier ? Des articles uniques, n’ayant ni de thème, ni de rapport avec aucun autre ? Ou encore des articles pour lesquels vous avez (...)

  • ciar : plugin « Accès restreints issus de Giseh »

    28 novembre 2011 – 86 commentaires

    Cette version ajoute une gestion par groupe d’auteurs, ainsi que la compatibilité avec SPIP 3. Pour mémoire, le plugin « ciar » offre des accès restreints reprenant les fonctionnalités de ceux de Giseh. Le plugin est utilisable sans utiliser les autres (...)

  • Saisies

    27 mars 2010 – 474 commentaires

    Introduction Créer un formulaire est une tâche toujours un peu répétitive : les champs ont souvent les mêmes propriétés, le même accompagnement (message d’erreur, explication, ...) et la même structure HTML. Ce plugin est un outil pour les développeurs (...)