SPIP-Contrib

SPIP-Contrib

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

290 Plugins, 198 contribs sur SPIP-Zone, 61 visiteurs en ce moment

Accueil > Affichage multimédia > Galeries et diaporamas > Zoombox > Plugin Zoombox pour Spip

Plugin Zoombox pour Spip

7 octobre 2011 – par Mespeche – 39 commentaires

29 votes

Le plugin Zoombox vous permet d’ajout un effet de présentation agréable sur vos images et vos vidéos.

Présentation


Le plugin Zoombox pour Spip est une adaptation du plugin Jquery créé par un développeur devenu célèbre grâce à ses nombreux tutoriels gratuits : Grafikart.

Ce plugin rajoute la classe .zoombox sur les éléments que vous souhaitez affecter. Au clique sur ces éléments, une fenêtre javascript, que vous pouvez customiser grâce à de nombreux thèmes, s’ouvrira par dessus votre page pour laisser place à une présentation graphique très jolie de cet élément, que ce soit des photos, des vidéos ou même du contenu html.

Pour apprécier l’utilité de ce plugin, rendez vous ici : Démonstration de Zoombox.

Installation

  1. Téléchargez l’archive dans le dossier plugins de votre SPIP.
  2. Activez le plugin depuis l’espace privé.

Tous les éléments qui auront la class CSS .zoombox seront affectés par le plugin.

Il est primordiale d'ajouter la class zoombox sur les liens des élèments que vous souhaitez assigner au plugin pour qu'ils soient reconnus par celui-ci si vous n'utilisez pas le sélécteur du plugin CFG.

Le bon fonctionnement du plugin requière la présence de Jquery.

Documentation

Par défaut, le plugin est configuré avec certaines options que voici :

-  theme : définie le thème graphique de votre zoombox « zoombox » par défaut (les thèmes existants sont : zoombox, lightbox, prettyphoto, darkprettyphoto, simple).
-  opacity : définie le taux de transparence de la fenêtre 0.8 par défaut.
-  duration : définie la durée de l’animation d’ouverture de la fenêtre 800 ms par défaut.
-  animation : définie si vous souhaitez que la fenêtre s’affiche avec une animation ou non true par défaut.
-  width : définie la largeur des vidéos 600px par défaut.
-  height : définie la hauteur des vidéos 400px par défaut.
-  gallery : définie si vous souhaitez afficher certaines images sous forme de gallerie true par défaut.
-  autoplay : définie si les images sont présentées sous forme de disporama false par défaut.
-  overflow : définie si vous permettez l’affichage des images plus grandes que l’écran false par défaut.

En installant le plugin CFG vous pouvez configurer ces options et mettre en place vos propres sélecteurs. Par exemple #galerie a dans le champs « Sélecteurs » vous permettra d’affecter Zoombox uniquement sur les liens de la div #galerie.

Enfin, si vous souhaitez utiliser le mode galerie sur certaines images, dans vos squelettes, ajoutez simplement la classe CSS .zgalleryXXX (XXX étant le nom de votre galerie) aux liens entourant vos images.

Voir en ligne : https://plugins.spip.net/zoombox

Dernière modification de cette page le 7 novembre 2017

Retour en haut de la page

Tout afficher

Vos commentaires

  • Le 22 janvier à 21:51, par Carber En réponse à : Plugin Zoombox pour Spip

    Bonsoir
    Est ce que y aurai une mise a jour de ce plugin pour la nouvelle version spip svp

    Répondre à ce message

  • Le 22 janvier à 21:50, par Carber En réponse à : Plugin Zoombox pour Spip

    Bonsoir
    Est ce que y aurai une mise a jour de ce plugin pour la nouvelle version spip svp

    Répondre à ce message

  • Le 12 juin 2014 à 09:39, par KATIB En réponse à : Plugin Zoombox pour Spip

    Bonjour

    Es-que cette technique de Zoombox peut causer un problème a niveaux du référencement (notament google)de mon site ??

    Merci

    • Le 12 juin 2014 à 16:16, par Mespeche En réponse à : Plugin Zoombox pour Spip

      Bonjour,

      A ma connaissance il n’y a aucun impact au niveau du référencement suite à un affiche d’une image en javascript.

      Cordialement.

    Répondre à ce message

  • Le 15 novembre 2013 à 18:22, par alisssam En réponse à : Plugin Zoombox pour Spip

    Bonjour,

    j’utilise ce plugin qui me satisfait totalement depuis 1 an. j’ai cependant une petite remarque d’utilisation et j’aimerai savoir comment puis-je faire pour modifier ce paramètre.

    Les photos qui sont sur mon site passent du format paysage à portrait et l’utilisateur est obligé de viser sur les flèches gauche droite pour visionner la galerie. Serait il possible d’ajouter une fonction : si je clic sur la photo la galerie passe à la photo suivante.

    Pas mal de galeries sont faites ainsi et je trouve cela plus pratique...

    Merci d’avance pour votre réponse

    AliSs

    Répondre à ce message

  • Le 5 mai 2012 à 16:19, par Timmy En réponse à : Plugin Zoombox pour Spip

    Bonjour,

    j’ai installé le plugin et rajouté la classe dans le fichier inc-document mais rien ne se passe
    je ne comprends pas ce qu’il me manque.
    Dans mon head j’ai bien le css et le javascript de zoombox

    Merci d’avance

    • Le 7 mai 2012 à 19:52, par Timmy En réponse à : Plugin Zoombox pour Spip

      j’ai installé le plugin CFG et maintenant la fenêtre s’ouvre mais il me dit que l’adresse n’est pas bonne pourtant l’image est bien dans le dossier IMG. Je voudrais savoir aussi si c’est possible d’utiliser zoombox pour des vidéos dailymotion. je n’ai pas réussi.

    • Le 8 mai 2012 à 17:49, par Mespeche En réponse à : Plugin Zoombox pour Spip

      Bonjour Timmy, oui on peut tout à fait afficher une vidéo Dailymotion via zoombox. Tu dis que le système te dis que l’adresse n’est pas bonne mais tu parles de quelle adresse exactement ?

    • Le 9 mai 2012 à 20:17, par ? En réponse à : Plugin Zoombox pour Spip

      Au lieu de m’afficher l’image, il me dit objet non trouvé et me donne une erreur 404

      pour les vidéos dailymotion
      j’ai mis iframe comme sélecteur mais ça ne fonctionne pas j’essaie de mettre la classe zoombox dans la balise iframe mais sans plus de résultats

      merci pour la réponse rapide en tout cas

    • Le 10 mai 2012 à 14:08, par Mespeche En réponse à : Plugin Zoombox pour Spip

      Je pense que tu t’y prend mal, essaye ceci :

      <a href="url_vers_la_video" class="zoombox">Ta vidéo Dailymotion</a>

    • Le 10 mai 2012 à 21:10, par Timmy En réponse à : Plugin Zoombox pour Spip

      Merci c’était ça
      c’est exactement ce que je voulais
      Merci encore pour ces réponses rapides
      bonne continuation

    Répondre à ce message

  • Le 25 avril 2012 à 16:39, par Julian_IAD En réponse à : Plugin Zoombox pour Spip

    Hello,
    J’ai implanté le plugin et tout fonctionne, le seul hic, en mode galerie je me retrouve avec deux fois la dernière image...Une idée les gens ?

    • Le 25 avril 2012 à 16:41, par Mespeche En réponse à : Plugin Zoombox pour Spip

      Aurais-tu un lien où l’on peut visualiser ton problème ?

      DevAddict

    • Le 25 avril 2012 à 16:55, par Julian_IAD En réponse à : Plugin Zoombox pour Spip

      En faite j’ai réussi a corriger mon problème :
      J’appelais la galerie dans un tag et non

    Répondre à ce message

  • Le 8 février 2012 à 10:35, par Casp En réponse à : Plugin Zoombox pour Spip

    Bonjour, j’utilisais ce plugin pour mes sites, mais je viens de m’appercevoir que cela bug complètement avec IE7 et paraît il même avec IE8.
    Voir cette discution : http://www.grafikart.fr/forum/topic/2073
    Je vais donc devoir changer pour un autre javascript.

    Répondre à ce message

  • Le 2 janvier 2012 à 18:11, par alisssam En réponse à : Plugin Zoombox pour Spip

    Bonjour,

    J’utilise le plugin pour un de mes sites, merci d’ailleurs pour les réponses rapides à nos questionnements :)

    Est-il possible de gérer la taille des miniatures dans les articles pour que les formats photos de format paysages et portraits puissent avoir la même taille automatiquement ??
    ou est ce qu’il faut retailler toutes les photos ??? :-)

    Merci d’avance pour la réponse,

    Alice

    • Le 3 janvier 2012 à 09:04, par Mespeche En réponse à : Plugin Zoombox pour Spip

      Merci pour ton message Alice.

      Oui il est tout a fait possible de gérer la dimention d’affichage des images, regardes du côté des filtres spip applicables aux images.

      DevAddict

    • Le 3 janvier 2012 à 12:33, par alisssam En réponse à : Plugin Zoombox pour Spip

      Bonjour

      Merci pour ta réponse rapide, j’ai réussi :)

      Autre petite question (^^) comment afficher le titre du document joint en tant que légende ?? j’ai vu cela sur l’exemple donné mais je n’arrive pas à le reproduire...

      Merci pour tes réponses !!

    • Le 3 janvier 2012 à 12:47, par Mespeche En réponse à : Plugin Zoombox pour Spip

      Il faut que tu ajoutes l’attribut title sur ton lien.

      DevAddict

    Répondre à ce message

  • Le 21 novembre 2011 à 19:44, par alisssam En réponse à : Plugin Zoombox pour Spip

    Bonsoir,

    Merci pour ce plugin, tout fonctionne chez moi mis à part la fonction gallerie : j’aimerai que toutes les image du même article soient liées entre elles. J’ai pourtant mis en config : mode gallerie : oui. Mais rien n’y fait.
    Ai-je loupé une étape ? voici le lien de l’article : http://jeremierigaudeau.fr/spip/spip.php?article16
    j’utilise jquery : Spip jQuery Cycle Plugin : sjcycle 0.1.1
    SPIP 2.1.11
    merci pour votre réponse,
    AliSs

    • Le 22 novembre 2011 à 10:47, par Mespeche En réponse à : Plugin Zoombox pour Spip

      Bonjour alisssam,

      Non tu n’as pas loupé d’étape, tu as juste oublié de lire la fin de l’article :).

      En fait, dans ton squelette qui affiche tes images d’article, il faut que tu ajoutes la class zgallery-#ID-ARTICLE sur les liens de tes images. Ainsi, tu auras sur tous les liens d’image d’un article, une class du genre : zgallery-1234 ce qui va permettre a zoombox de reconnaitre dans quelle galerie inclure les images.

      Voilà, j’espère avoir été clair, merci de ton intérêt pour le plugin et bon courage :)

    • Le 3 décembre 2011 à 14:59, par Cécile En réponse à : Plugin Zoombox pour Spip

      Bonjour
      Ayant eu le même problème, il ne faut pas de tiret entre zgallery et #ID-ARTICLE :
      zgallery#ID-ARTICLE

    Répondre à ce message

  • Le 26 octobre 2011 à 14:29, par cola En réponse à : Plugin Zoombox pour Spip

    Bonjour.
    Pas moyen d’avoir quelque chose qui soit fonctionnel sur mon site. J’ai même été jusqu’à ajouter manuellement le lien vers le JS et la CSS dans le head, rien à faire. Et ce malgré des balises zoombox dans mes liens image et Iframe, idem avec des galeries zgalerie-1

    A savoir, Zoombox ne fonctionnait pas dans le back-ffice sur les images de la médiathèque (plugin médiathèque)

    Un indice ?

    • Le 26 octobre 2011 à 14:43, par Mespeche En réponse à : Plugin Zoombox pour Spip

      Bonjour cola,

      Est ce que dans la balise <head> de ton site tu as bien #INSERT_HEAD ?

    • Le 26 octobre 2011 à 17:02, par cola En réponse à : Plugin Zoombox pour Spip

      Le site ayant beaucoup d’autres plugin, Oui.
      En fait, j’ai Fancybox qui tourne dessus mais qui pose problème sur Iphone avec mes squelettes. D’ou l’idée de remplacer par zoombox, mais sans succès jusqu’à maintenant

    • Le 26 octobre 2011 à 17:13, par Mespeche En réponse à : Plugin Zoombox pour Spip

      Lorsque tu regardes le code source de la page dans un navigateur, est-ce que les scripts propres à Zoombox sont présents dans le <head>, par là j’entends que tu dois avoir :

      Le css : <link rel="stylesheet" href=".../plugins/auto/zoombox/zoombox.css" type="text/css" media="all">

      Le JS :

      1. <script src=".../plugins/auto/zoombox/zoombox.js" type="text/javascript"></script>
      2.  
      3. <script type="text/javascript">
      4.         jQuery(function($){
      5.                 $(".zoombox").addClass("zoombox");
      6.         $(".zoombox").zoombox({
      7.                                                         theme : "prettyphoto",
      8.                                                         opacity : 0.8,
      9.                                                         duration : 800,
      10.                                                         animation : true,
      11.                                                         width : 600,
      12.                                                         height : 400,
      13.                                                         gallery : true,
      14.                                                         autoplay : false,
      15.                                                         overflow : false
      16.                                                  });
      17.    });
      18.         </script>

      Télécharger

    • Le 10 novembre 2011 à 23:23, par cola En réponse à : Plugin Zoombox pour Spip

      Bonjour. Oui, c’était bien présent.
      Cependant, finalement, j’ai installé zoombox à partir des sources directement dans mon dossier squelettes.
      Le résultat est OK, même si j’ai pas l’interface de config.

    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

  • SPIP 3.2, Agenda et FullCalendar

    6 juin – 20 commentaires

    Nous avions publié un article sur la manière d’utiliser FullCalendar avec SPIP 3.0 afin d’afficher des évènements sous forme d’Agenda. La version de FullCalendar a changé avec SPIP 3.2. Le présent article est donc un tutoriel adapté à SPIP 3.2. Pour (...)

  • Grappes 1.0

    23 novembre 2012 – 36 commentaires

    Présentation et nouveautés Cette version 1.0 du plugin Grappes est un portage pour SPIP 3.x. Le plugin permet de grouper des objets de SPIP dans des grappes. Les objets du core (articles, rubriques, auteurs, etc.) sont pris en charge, ainsi que (...)

  • Passer un site SPIP sous https://

    23 février 2017 – 41 commentaires

    Comment migrer simplement votre site SPIP de http:// vers https:// Le protocole https:// devient de plus en plus courant : C’est mieux pour la vie privée de tous La plupart des grands sites l’a déjà adopté Certains navigateurs commencent à afficher (...)

  • PHANTOM (HTML5UP)

    18 juillet – commentaires

    Squelette SPIP pour intégrer le modèle Phantom de HTML5UP. https://html5up.net/phantom Installation A l’activation, le plugin installe aussi les plugins suivants : crayons, favicon, metasplus+, Couleur d’objet, champs extras, SPIP reset centre (...)

  • Cycle2

    7 août 2014 – 119 commentaires

    La seconde version de la librairie Javascript « jQuery Cycle », qui permet de produire des diaporamas, se nomme « Cycle2 » : http://jquery.malsup.com/cycle2/. Voici cette nouvelle librairie mise en plugin pour SPIP. Si vous utilisez déjà « jQuery (...)