[PHPBB3] Ajouter un nombre de photos

Hello Serge, cela risque d'être assez compliqué car on recherche les images avec les restrictions données mais sur tous les messages du sujet alors qu'il nous faut un total sur toute la page...

Faut-il ajouter un nouveau Script ?

Bonsoir Philippe,

Aïe, je pensais que l'ajout d'un compteur dans le script existant dès qu'une photo était trouvée collerait.

Un nouveau script... si nécessaire, j'adore les scripts :-)
Ce serait uniquement sur les sujets.

Hello Serge,
le script avait été remodelé par Arnaud il me semble.

Est-ce que ce dernier s'affiche en haut sur tous les messages actuellement ?
Car sur mon fofo c'est le cas.

Avec ce script (en remplacement de l'actuel) , tu auras le nombre de photos par page et il s'affichera seulement si il trouve
des photos supérieures à 200px de haut et 200px de largeur.

Code:

//Miniatures photos sur sujets
        $(function(){
            "use strict";
          $('<div class="M14_photos"style="display:none;"><span class="M14_SlidePhotos" title="Afficher/Masquer les miniatures du sujet">Les photos du sujet  <span class="NumBerPicTurEs"></span> <img src="https://i.servimg.com/u/f11/11/26/21/37/icon_a14.png"/></span><div class="M14_Load_photos"></div></div>').insertBefore('h1.page-title');
            var photos=$(".postbody img").filter(function(){
                return this.width>200&&this.height>200;
            });
            var fragment=document.createDocumentFragment();
            photos.each(function(){
              photos.addClass('selected');
             
                var href=$(".topic-title>a",$(this).parentsUntil(".postbody").parent())[0].href;
                var a=document.createElement("a");
                a.href=href;
                a.appendChild(this.cloneNode(0));
                fragment.appendChild(a);
            });
            if(!fragment.hasChildNodes())return;
var number=$('img[class="selected"]').length;
          if(number)
          {$('.M14_photos').show();}
          $(".NumBerPicTurEs").text(number);
            $(".M14_Load_photos")[0].appendChild(fragment);
            $('.M14_photos').show();
            $('.M14_SlidePhotos').on("click",function(){
                $(this).next().fadeToggle();
            });
         
        });

Bonjour Philippe,

Merci pour ce travail.

....
Est-ce que ce script s'affiche en haut sur tous les messages actuellement ?
Car sur mon fofo c'est le cas.

Ce script s'affiche bien au dessus du 1ier mesage à droite sur les sujets, comme dans l'image en spoiler ici:
https://www.milouze14.com/t32518-phpbb3-ajouter-un-nombre-de-photos#619176


Ton script est en place sur mon fofo où tu es en admin.
Le nombre de photos affichées est toujours à zéro.

Il me semble aussi que ceci n'est pas nécessaire dans ton script car redondant:

Code:


if(number)
          {$('.M14_photos').show();}


car cette ligne se retrouve déjà plus bas:

Code:

$('.M14_photos').show();

Par ailleurs, il me semble que le nombre de photos seraient récupéré dans;

Code:

(photos.length)

Me revoila,

je vais essayer ça, probablement à corriger par tes soins:

Code:


//Miniatures photos sur sujets
            $(function(){
                "use strict";
              $('<div class="M14_photos"style="display:none;"><span class="M14_SlidePhotos" title="Afficher/Masquer les miniatures du sujet">Les photos du sujet  <span class="NumBerPicTurEs"></span> <img src="https://i.servimg.com/u/f11/11/26/21/37/icon_a14.png"/></span><div class="M14_Load_photos"></div></div>').insertBefore('h1.page-title');
                var photos=$(".postbody img").filter(function(){
                    return this.width>200&&this.height>200;
                });
                var fragment=document.createDocumentFragment();
                photos.each(function(){
                  photos.addClass('selected');
                
                    var href=$(".topic-title>a",$(this).parentsUntil(".postbody").parent())[0].href;
                    var a=document.createElement("a");
                    a.href=href;
                    a.appendChild(this.cloneNode(0));
                    fragment.appendChild(a);
                });
                if(!fragment.hasChildNodes())return;
  //var number=$('img[class="selected"]').length;
              
 
              $(".NumBerPicTurEs").text(photos.length);
                $(".M14_Load_photos")[0].appendChild(fragment);
                $('.M14_photos').show();
                $('.M14_SlidePhotos').on("click",function(){
                    $(this).next().fadeToggle();
                });
            
            });

Re Serge,
si tu considères que le script modifié par tes soins est fonctionnel, on peut clôturer ton sujet car je suis avec mon Android. Donc impossible à tester.

Hello Philippe,

Ah mince, mon niveau en JS étant voisin de "null" une validation de ta part c'était mieux :-)

Je viens de re-tester pour voir si pas de cas à piège, ça semble ok.

Je passe donc en résolu

Et merci Philippe pour ton aide précieuse.

Re Serge,
tu peux supprimer ces deux lignes inutiles désormais:

Code:

photos.addClass('selected');

et

Code:

//var number=$('img[class="selected"]').length;