Vos commentaires

• # Le 26 juillet à 18:59, par Manu En réponse à : MediaBox

  L’attribut rel est utilisé pour avoir plusieurs galeries (= les images qui ont le même attribut rel sont regroupées dans la même galerie). OK. Ça fonctionne bien sauf que du coup ça passe pas au validateur w3c qui demande, si j’ai bien compris, qu’on passe par un attribut data-*

  Pas bien grave, mais, juste pour la beauté du truc, on pourrait pas faire évoluer le plugin pour qu’il passe la validation tout en gardant la réalisation de galeries ?

  Répondre à ce message

• # Le 17 juillet à 23:34, par ludo En réponse à : MediaBox

  bonsoir

  j’utilise ce plugin avec le squelette/thème maparaan et l’image déposée dans le portfolio ne s’ouvre pas sous forme de diapo (mais dans sa taille dans le navigateur)

  ai-je omis une option ? merci

  Répondre à ce message

• # Le 9 juillet à 01:24, par Cécile En réponse à : MediaBox

  Bonsoir

  J’ai un problème avec mediabox que je n’arrive pas à résoudre.
  Pour comprendre :
  -  un site à jour (spip 3.1.6 / mediabox 1.03) : http://dev.gite-cabane-ali-nais.com/spip.php?article2
  Après avoir navigué dans la mediabox, quand on ferme la dernière image visualisée, elle se met automatiquement à jour dans le slider. Si on clique ensuite sur la navigation vignette, aucune image ne correspond.

  -  le même site non à jour (spip 3.0.17 / mediabox 0.8.5) : http://www.gite-cabane-ali-nais.com/Votre-suite
  Après navigation dans mediabox, à la fermeture, l’image du slider n’est pas actualisée et la navigation vignette fonctionne.

  J’ai un autre site avec le même problème (spip 3.1.0 / mediabox 1.0.1) mais avec un slider différent.

  Je pense que mon problème vient de l’actualisation de l’image dans le slider quand mediabox se ferme mais j’ai eu beau chercher dans le plugin et du coté de Colorbox, je ne trouve pas...

  Si vous avez une idée, une piste, une solution... un grand merci d’avance.

  Répondre à ce message

• # Le 13 janvier à 14:52, par rubenxela En réponse à : MediaBox

  Bonjour ,
  j’ai un petit soucis avec mediabox en ce qui concerne la fenêtre modal que l’on peut ouvrir une fois lors de la première visite du site.
  Celle-ci s’affiche correctement partout sur le site, mais pas sur l’accueil (sommaire.html) . j’ai beau scruter le code, supprimer du js annexe ... je ne vois pas ce qui peut perturber l’affichage.
  merci de votre aide.
  url > www.navettelyonaeroport.com

  Répondre à ce message

• # Le 9 novembre 2016 à 22:56, par danou83000 En réponse à : MediaBox

  bonjour,

  le code fournit par aymeric et d’autres sur internet ne fonctionne pas chez moi. pas d’effet, je vais prendre Magnific popup qui est super et responsive
  en plus il est fait pour les portables avec effet swip (avec le doigt) ...

  Répondre à ce message

• # Le 4 octobre 2016 à 14:28, par stephenking999 En réponse à : MediaBox

  Bonjour,
  C’est étonnant mon mediabox ne fonctionne pas.
  Pourtant #INSERT HEAD est activé et le plugin également.
  Exemple lorque je clique sur les images de l’article elles apparaissent dans une nouvelle page avec un fond blanc et plus de site : http://www.edition999.info/Pocketbook-Inkpad.html
  Merci de votre aide.
  J’utilise Boostrap pour mes squelette au cas où cela aurait de l’importance.

  

  • # ^ Le 5 octobre 2016 à 07:55, par Manu En réponse à : MediaBox

    Il y a un souci avec les appels jquery (voir ci-dessous)

    TypeError : element is null sequence.js:30:9
    TypeError : $.browser is undefined 00fb61a995822dd2477f45cb73a42f86.js:59:1
    TypeError : jQuery(...).parents(...).formulaire_dyn_ajax is not a function ajaxCallback.js:1006:2
    TypeError : jQuery.spip is undefined ajaxCallback.js:21:3

    #INSERT_HEAD est-il inséré correctement ? Au bon endroit ?

    PS : le design du site est sympa. Quel squelette utilisez-vous ?

  • # ^ Le 5 octobre 2016 à 11:53, par stephenking999 En réponse à : MediaBox

    Merci de votre réponse.
    Je vais regarder pourquoi ces erreurs. J’avoue que cela ne me dit irne à première vue.
    Le #INSERT_HEAD est inséré par le couteau suisse, peut-être une piste ?
    Pour le squelette c’est un gratuit boostrap ecommerce trouvé là et ajusté pour Spip - Dailyshop

  Répondre à ce message

• # Le 14 décembre 2013 à 22:52, par Mann75 En réponse à : MediaBox

  Bonjour
  je pensais pouvoir utiliser cette fonctionnalité directement

  Pour constituer une galerie de vignettes clicables et reconnues comme faisant partie d’un même ensemble, il faut leur indiquer un attribut rel commun.
  Les liens possédant la même valeur d’attribut rel sont associés ensemble. Il est donc possible d’avoir plusieurs galeries dans la même page.

  très utile quand plusieurs articles sont affichés sur la même page. J’ai ajouté l’attribu rel=’articleXXX’ à chaque document de l’article n°XXX afin d’avoir une gallerie par article.
  Las, lorsque je lance la mediabox, la galerie reprend tous les documents de la page sélectionnés pour mediabox.
  Ai-je mal compris quelque chose ?
  SPIP3 avec spipclear, couteausuisse, spip-lettres (entre autres)

  • # ^ Le 24 décembre 2013 à 17:00, par Mann75 En réponse à : MediaBox

    Je me réponds :
    pour que ça fonctionne, j’ai dû modifier le code dans jquery.colorbox.js (ligne 272) :

    if (settings.rel !== 'nofollow') {
        $related = $('.' + boxElement).filter(function () {
                return (this.rel === element.rel);
        });

  • # ^ Le 29 septembre 2014 à 23:59, par popojcb En réponse à : MediaBox

    Bonjour Mann75,

    En fait cela fait plusieurs jour que je gratte de ci de là des infos pour parvenir à ce résultat.

    Lorsque j’ai lu votre post je me suis dis que c’était bon, mais en fait cela ne fonctionne pas chez moi ?

    est-ce biens toutes les lignes depuis la 272 à la 282 :

    if (settings.rel !== ’nofollow’)
    $related = $(’.’ + boxElement).filter(function ()
    var data = $.data(this, colorbox),
    relRelated ;

    if (data)
    relRelated = $(this).data(’rel’) || data.rel || this.rel ;
    

    return (relRelated === settings.rel) ;
    ) ;

    Merci de ton aide …et vive spip !!

    bien à tous.

  • # ^ Le 1er octobre 2014 à 10:13, par Mann75 En réponse à : MediaBox

    Bonjour

    oui, j’ai remplacé

    if (settings.rel !== 'nofollow') {
        $related = $('.' + boxElement).filter(function () {
                var data = $.data(this, colorbox), relRelated;
                                        if (data) {
                                                relRelated =  $(this).data('rel') || data.rel ||this.rel;
                                        }
                                        return (relRelated === settings.rel);
                });

    par

    if (settings.rel !== 'nofollow') {
    $related = $('.' + boxElement).filter(function () {
                return (this.rel === element.rel);
     });

    La boucle document donne ceci en html :

    <dl class='spip_document_5245 spip_documents spip_documents_left'style='float:left;'>
        <dt><a href="IMG/jpg/mon_jpeg.jpg"
               
                title='titre'
                rel='article765'
                type="image/jpeg"
             >
             <img src='//static-contrib.spip.net/local/cache-vignettes/L200xH200/mon_jpeg-adc08.jpg' width='200' height='200' alt='JPEG - 106.8&#160;ko' />
             </a>
        </dt>

    Je n’ai plus le squelette sous la main, mais je reviendrai mettre la boucle que j’utilise.

  • # ^ Le 23 janvier 2016 à 16:30, par Mann75 En réponse à : MediaBox

    Un an après, voici le code du squelette doc.html (dans \medias\modeles) :
    -  ajout en début de squelette de
    <BOUCLE_quicontient(documents_liens documents){objet = article}{id_document}{0, 1}>#SET{associea,#ID_OBJET}</BOUCLE_quicontient>
    -  et dans la boucle _doc, ajout del’attribut ’rel’ :

    <dl class='spip_document_#ID_DOCUMENT spip_documents[ align(#ENV{align})][ (#ENV{class})] spip_lien_ok'>
<dt>[<a href="(#GET{url})"[
        class="(#ENV{lien_class})"] [title="(#TITRE|texte_backend)"]

    rel=’article[(#GETassociea)]’

    [(#ENV{lien}|?{'',type="#MIME_TYPE"})]>]<img src='#GET{fichier}' width='#GET{width}' height='#GET{height}' />[(#GET{url}|?{</a>})]</dt>[
<dt class='#EDIT{titre} spip_doc_titre'[ style='width:(#GET{width}|min{350}|max{120})px;']><strong>(#TITRE)</strong></dt>][
<dd class='#EDIT{descriptif} spip_doc_descriptif'[ style='width:(#GET{width}|min{350}|max{120})px;']>(#DESCRIPTIF|PtoBR)[(#NOTES|PtoBR)]</dd>]
</dl>

  • # ^ Le 16 septembre 2016 à 15:00, par Yohooo En réponse à : MediaBox

    hello,

    La modif du plugin ne marche plus dans la version actuelle :
    Après m’être mordu les doigts pendant 2h sur ce problème, j’ai préféré lancer les différentes galeries en javascript avec une boucle de ce type :

    <BOUCLE_srub(ARTICLES){id_rubrique}>
    <div class="colonne col-md-4">
    <BOUCLE_medias(DOCUMENTS){tout}{id_article}{!par date}>
    [(#COMPTEUR_BOUCLE|=={1}?{
    <a class="liengalerie#ID_ARTICLE" href="#URL_DOCUMENT" rel="article[(#_srub:ID_ARTICLE)]" [title="(#TITRE)"]>
    [(#LOGO_DOCUMENT|image_passe_partout{500}|image_recadre{500,300,center,000000}|inserer_attribut{alt, #TITRE}|inserer_attribut{class,img-thumbnail})]
    </a>,
    <a class="liengalerie#ID_ARTICLE invisible" href="#URL_DOCUMENT" rel="article[(#_srub:ID_ARTICLE)]" [title="(#TITRE)"]></a>
    })]
    </BOUCLE_medias>
     
    [<h3 class="titliste"><a class="liengalerie#ID_ARTICLE">(#TITRE)</a></h3>]
    </div>
    <script type="text/javascript">$('.liengalerie#ID_ARTICLE').mediabox();</script>
    </BOUCLE_srub>

    Télécharger

  Répondre à ce message

• # Le 16 juillet 2016 à 17:08, par alienwaves En réponse à : MediaBox

  Bonjour,
  J’aimerais surcharger la boite (image agrandie donc) de la mediabox en y incluant un bouton en l’occurence celui du plugin « mes favoris ».
  J’ai essayé d’inclure la balise en m’aidant de documents.html du plugin « mediabox avec texte »,
  mais que nenni, rien ne s’affiche dans la boite...

  Le but est de mettre en favori les images du portfolio depuis la boite agrandie .

  Cordialement .

  • # ^ Le 18 juillet 2016 à 16:10, par alienwaves En réponse à : MediaBox

    bonjour,

    Apparemment d’après les nobles personnes qui aident sur le canal irc, ce n’est pas possible de faire cela en SPIP sans JavaScript...

    A suivre...

  Répondre à ce message

• # Le 23 juin 2016 à 14:30, par Julien En réponse à : MediaBox

  Quelqu’un pourrait-il m’aider a intégrer Instafeed dans MediaBox ?

  Ma page ne se charge pas dans mon iframe avec la combinaison suivante. Voir l’objet « template » du script ci-dessous :

  // InstaFeed
  var userFeed = new Instafeed({
  	get: 'user',
  	userId: 'XXX',
  	clientId: 'XXX',
  	accessToken: 'XXX.XXX.XXX',
  	resolution: 'standard_resolution',
  	template: '<div class="swiper-slide" style="background-image:url({{image}});"><a href="{{link}}" class="mediabox boxIframe boxWidth-700px boxHeight-600px instafeed-inner"><div class="wrapper-center"><span class="likes">{{likes}}</span><span class="comments">{{comments}}</span></div></a></div>',
  	sortBy: 'most-recent',
  	limit: 20,
  	links: false,
  	after: function () {	
  	}
  });
  userFeed.run();

  Télécharger

  Répondre à ce message

• # Le 19 janvier 2014 à 22:08, par Renée Picard En réponse à : MediaBox

  Médiabox tel qu’il est sur spip ne répond pas bien au test du RWD. En fouillant sur la liste j’ai trouvé ce script (merci Arnaud) qui le rend responsive

  <script>
         /* Colorbox resize function */
         var resizeTimer;
         function resizeColorBox(){
             if (resizeTimer) clearTimeout(resizeTimer);
             resizeTimer = setTimeout(function() {
                     if (jQuery('#cboxOverlay').is(':visible')) {
                             jQuery.colorbox.load(true);
                     }
             }, 300)
         }
   
         // Resize Colorbox when resizing window or changing mobile device orientation
         jQuery(window).resize(resizeColorBox);
         window.addEventListener("orientationchange", resizeColorBox, false);
         </script> 

  Télécharger

  Personnellement j’ai mis ce code dans squelettes-dist/inclure/head. Y a-t-il une manière plus « propre » de procéder ?

  • # ^ Le 22 mars 2016 à 12:00, par Aymeric En réponse à : MediaBox

    Bonjour,

    Ce javascript ne fonctionne plus chez moi avec toutes les dernières mises à jour SPIP + plugins : « jQuery.colorbox.load is not a function ».

    J’ai essayé d’autres bouts de javascript sans grand succès pour le moment...

    Le mieux que j’ai réussi à faire c’est adapter la fenêtre mais pas le contenu... avec ça :

    jQuery(document).ready(function(){
      jQuery("#cboxOverlay").colorbox({
        inline:true,
        maxWidth: "90%",
        maxHeight: "90%",
        onComplete : function() {
            jQuery(this).colorbox.resize();
        }
        });
     
        // resize colorbox on screen rotate in mobile devices and set to cover 90% of screen
        jQuery(window).resize(function() {
            jQuery.colorbox.resize({width:"90%", height:"90%"});
        });
    });

    Télécharger

    Si quelqu’un a une meilleure piste...

  Répondre à ce message