[PHPBB3] Ajouter un nombre de photos, encore

Bonjour à tous les milouziens,

Philippe m'avait écrit un script qui présente les miniatures des photos des sujets, dans les sous forums.

Code:


//Aperçu des miniatures sur forums C2 Les photos du clic et photos gagnantes  
$(function(){          
        if($('a.nav[href^="/c2-"],a.nav[href^="/f16-"]').length) {
          $('dl.icon[style*="https://i.servimg.com/u/f31/19/32/37/01/icon_t30.png"]').closest('div.forumbg').addClass('M14_Annonc');
        $('div.forumbg:not(.M14_Annonc) .M14_LoaD_ToPiCsConT').after('<a href="#" style="margin-left: 5px;" class="M14_LoaD_ToPiCs">Patientez....
        <img src="https://i.servimg.com/u/f11/11/26/21/37/loadin13.gif"style="width:16px !important;height:16px !important;margin-top:10px;"/></a>');
        $('.M14_LoaD_ToPiCs').each(function () {
        var url = this.previousSibling.href;
        var M14_LoaD_ToPiCsLinK=$(this).prev().attr('href');
        $(this).load(url + ' .content:first div:not(.M14_reception_photos):first img:not([longdesc]):first');
         });};});


je sais que Philippe va à nouveau m'alerter sur les temps de chargement, mais j'essaie quand même :)

Serait-il possible d'avoir à coté de la miniature le nombre de photos présentes dans le sujet?

Ou, pour aller plus loin, à la place du changement de taille de la miniature au passage de la souris, présenter l'une à coté de l'autre les miniatures:

Spoiler:

Le css pour être complet:

Code:

/*Le conteneur dans widget derniers sujets*/
    .M14_LoaD_ToPiCsW
    {
    height:58px;
    float: right;
    display:none;
    transition-delay: 20ms;
    -webkit-transition-delay: 20ms;
    -moz-transition-delay: 20ms;
    -o-transition-delay: 20ms;
    }
 /*Les conteneur dans la liste sujets SF et dans derniers messages*/
.M14_LoaD_ToPiCs, .M14_LoaD_ToPiCsA {
 float: left;
 margin-right: 15px;
 padding-left: 10px;
   width: 13%;
    }
    /*Les images dans les 2 conteneurs*/
    .M14_LoaD_ToPiCs img,.M14_LoaD_ToPiCsA img
    {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    height:80px;
    width: 100%;
    object-fit: cover;
    z-index: 10;
    }
  
    .M14_LoaD_ToPiCsW img{height:58px;}

/*Animation au survol de l image dans derniers messges*/
    .M14_LoaD_ToPiCs img:hover,.M14_LoaD_ToPiCsA img:hover
    {
    transform: scale(2);
    -moz-transform : scale(2);
    -webkit-transform : scale(2);
    -ms-transform: scale(2);
    background:white;
    padding:1px;
    margin-top:-45px;
    }


Merci pour votre aide.