SPIP-Contrib

SPIP-Contrib

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

286 Plugins, 197 contribs sur SPIP-Zone, 259 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 – 37 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 : http://plugins.spip.net/zoombox

Dernière modification de cette page le 11 juin 2012

Retour en haut de la page

Tout afficher

Vos commentaires

  • 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

  • Le 11 octobre 2011 à 20:50, par bcolo En réponse à : Plugin Zoombox pour Spip

    J’ai CFG d’installé, avec .zoombox affiché par défaut dans le champ du sélecteur, mais ça ne déclenche rien de particulier. Quand je clique dans une image ayant une balise de type doc, il ne se passe rien. Plus précisément l’image s’ouvre dans une autre fenêtre, mais sans aucun des effets annoncés. Il doit me manquer encore autre chose...

    • Le 12 octobre 2011 à 07:53, par Mespeche En réponse à : Plugin Zoombox pour Spip

      Oui, dans ton squelette tu dois ajouter la classe .zoombox aux liens de tes images. Sinon, tu peux pointer directement vers tes liens dans le champs sélecteur, comme ceci par exemple :

      1. ".spip_documents a"

      Et la classe .zoombox s’ajoutera automatiquement sur tes liens.

      Cette fois c’est le bonne ;)

    • Le 23 octobre 2011 à 00:54, par François En réponse à : Plugin Zoombox pour Spip

      Bonjour
      Moi non plus je ne réussis pas à le faire fonctionner. Il me semble que j’ai tout, le CFG, le jquery, les liens avec la classe zoombox, etc ...
      Si j’ai bien compris il suffit d’ajouter la classe zoombox au lien d’une image pour enclencher la présentation. Dans mon cas, ça ne fait rien, jsute ouvrir une nouvelle fenêtre...
      Il doit effectivement manquer quelque chose... J’espère trouver quoi parce que ça a l’air vraiment bien comme plugin.
      Merci pour vos feedbacks si quelqu’un a réussi à l’installer. (j’ai les dernières versions de spip et du plugin)

    • Le 23 octobre 2011 à 16:55, par Mespeche En réponse à : Plugin Zoombox pour Spip

      Bonjour François,

      Première chose à vérifier, il faut insérer la balise #INSERT_HEAD entre la balise

      1. <head>

      de ton squelette.

      Ensuite, il faudrait vérifier que ton Jquery est bien présent sur la page en question, puis regarder dans le code source si le script JS qui assigne zoombox aux éléments est présent (dans la balise

      1. <head>

      )

      Voilà, j’attend ton retour, bon courage ;)

    • Le 27 octobre 2011 à 21:04, par François En réponse à : Plugin Zoombox pour Spip

      Merci pour ton aide, mais je confirme que ça ne fonctionne toujours pas. j’ai bien tous les scripts, le #INSERT_HEAD, le jquery, etc ...
      je vais décortiquer les scripts et voir plus en détails ce qui cloche. Je te tiendrai au courant.

    • Le 28 octobre 2011 à 12:18, par Mespeche En réponse à : Plugin Zoombox pour Spip

      Aide toi peu-être de Firebug pour voir si tu as des erreurs JS en quelque part ?

    • Le 9 novembre 2011 à 12:42, par François En réponse à : Plugin Zoombox pour Spip

      Finalement comme j’ai adapté le style css et le js à mes besoins, j’ai installé directement le module zoombox sans passer par le plugin. Et ça fonctionne très bien. Je ne sais toujours pas pourquoi le plugin ne fonctionnait pas dans mon cas. En tout cas merci pour ta disponibilité et pour m’avoir fait découvrir ce module.

    Répondre à ce message

  • Le 31 octobre 2011 à 15:31, par Eric02 En réponse à : Plugin Zoombox pour Spip

    Bonjour
    Voilà un Diaporama très très sympa, mais qui me pose le soucis suivant :
    Comme les prédécesseurs ici ... cela ne fonctionnait pas.
    J’ai donc ajouté class=« zoombox » dans mon code « Inc-documents.html » comme ceci :

    1. <BOUCLE_documents_portfolio(DOCUMENTS) {id_article} {mode=document}{extension IN png,jpg,gif} {par num titre, date}{doublons}{vu=non}>[
    2. <a href="(#URL_DOCUMENT)" type="#MIME_TYPE" class="zoombox" onclick="location.href='[(#URL_ARTICLE
    3. |parametre_url{id_document,#ID_DOCUMENT} ...

    Télécharger

    Ça fonctionne mais :

    -  L’image s’affiche (Nickel) mais ne reste « visible » que 1 à 2 secondes puis disparait, pour me ré-afficher la page ???
    -  Je n’ai pas de flèche qui permet de passer à l’image suivante ?

    Alors docteur : C’est où que j’ai mal ? Me serais-je enduit d’erreur quelque part ?

    Merci d’avance et aussi pour le beau travail

    Eric

    • Le 31 octobre 2011 à 15:44, par Mespeche En réponse à : Plugin Zoombox pour Spip

      Bonjour Éric,

      Le fait de devoir ajouter la class zoombox pour que sa fonctionne n’a rien d’un bug, c’est décrit dans l’article, soit il faut ajouter la class aux éléments, soit il faut cibler les éléments en configurant le plugin avec le plugin CFG.

      Ton problème ressemble étrangement à un autoplay, vérifie que l’option autoplay est à false dans le code du plugin (et dans la configuration CFG)

    Répondre à ce message

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

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

  • Brownie

    6 juillet 2012 – 43 commentaires

    Brownie est une adaptation pour Zpip du thème du même nom initialement développé par Egrappler.com. Présentation Brownie est un thème Responsive à deux colonnes. La démonstration ci-dessous utilise la version 2.0.0 de Brownie, la dist de SPIP3 (...)

  • Métas +

    3 décembre – 13 commentaires

    Améliorez l’indexation de vos articles dans les moteurs et leur affichage sur les réseaux sociaux grâce aux métadonnées Dublin Core, Open Graph et Twitter Card. Installation Activer le plugin dans le menu dédié. Dans le panel de configuration, (...)

  • Acces Restreint 3.0

    11 décembre 2008 – 785 commentaires

    Le plugin accès restreint permet de définir et de gérer des zones de l’espace public en accès restreint. Cette version du plugin a été redévelopée et optimisée tout spécialement pour SPIP 2.0. Il en découle une amélioration des performances sur les gros (...)

  • Compositions 2 et 3

    25 mars 2011 – 176 commentaires

    Ce plugin vous permet de définir plusieurs variantes de squelettes (nommées compositions) pour un même type d’objet SPIP. Dans l’espace privé, il est alors possible de choisir, dans un menu déroulant, la composition qu’on veut attribuer à chaque (...)

  • Configurer Sparkpost

    25 avril – 18 commentaires

    N’hésitez pas à relire le préambule de cette rubrique avant de créer un compte sur une plateforme tierce . Présentation Sparkpost est une société d’envoi de mailing https://www.sparkpost.com/ Sur les petits volumes ( <100.000 emails / mois), (...)

Ça spipe par là