[PHPBB3] Smiley dans miniatures

Je n'ai pas ce souci quand j'édite.

Le script est en place Philippe.

Mais seule 1 miniature apparait et sans le nombre au dessus dans f4.
https://photoclic.forum-pro.fr/f4-phototest

et dans f5 je n'ai qu'une seule miniature:
https://photoclic.forum-pro.fr/f5-reportage-series-au-long-cours

et dans f12 les nombres appraissent en double:
https://photoclic.forum-pro.fr/f12-photovote

Rhooo, je n'ai pas ce soucis sur mon fofo de tests.
J'ai édité tous mes sujets en mentionnant le nombre de photos pour chacun des titres afin que je puisse me repérer.
Le script reprend bien le nombre et affiche bien l'identique en visu!!!

Etonnant tout ça Phil.

Hello Serge,
j'ai corrigé le double affichage concernant le compteur de photos.
En attendant , j'ai désactivé le script pour laisser place au précédent.

Bonsoir Philippe, merci.

Des tailles de photos qui donnent bien du fil à retordre

Re Serge,

photoclic a écrit:
Bonsoir Philippe, merci.

Des tailles de photos qui donnent bien du fil à retordre

Oui, c'est bien le soucis de ce topic et franchement je ne sais pas comment le résoudre !!!!!

Bin tant pis phil. Pas grave.

Merci pour tout le temps que tu y as passé.

je vais laisser le script en place, le problème ne se posant que sur le forum photovote.

Tu peux clore le post l'ami.

Hello Serge,

, mais quelle andouille je fais,il faut filtrer avant !!!!!
Je viens de modifier le script présent sur ton forum afin de filtrer les images non désirées.
En faite il faut prendre en compte que les smileys affichés ont presque tous le lien commençant par:

Code:

https://7img.net

J'ai donc ajouté au script dans ces 2 parties:

Code:


var numberpictures=$(data).find('.content div:not(.M14_reception_photos) img:not([longdesc])').length;
$(data).find('div[class*="post--"] ').find('.content div:not(.M14_reception_photos) img:not([longdesc])')


Donc actuellement on rechercher les smileys ayant l'extension :

Code:


[longdesc]


On va donc ajouter que l'on ne veut pas des image commençant par:

Code:

https://7img.net

Alors on cumule au smileys sur les 2 lignes Serge:

Code:

img:not([longdesc])

Qui devient:

Code:

img:not([longdesc]):not([src^="https://7img.net"]

Mais aussi sur des images qui ne nous intéresse pas comme celle-ci:

https://i.servimg.com/u/f58/18/97/96/21/man-wi10.png

Aperçu:


J'ai donc créé une première variable (a) et déposé le lien de cette image:

Code:

var a="https://i.servimg.com/u/f58/18/97/96/21/man-wi10.png";

Et je cumule sur les 2 lignes

Code:

img:not([longdesc]):not([src^="https://7img.net"],[src="'+a+'"])

Si tu trouves d'autres images, il faudra créer une autre variable pour chacune d'entre elles:
Exemple:
var b="lien de l image";

Sur les 2 lignes

Code:

img:not([longdesc]):not([src^="https://7img.net"],[src="'+a+'"],[src="'+b+'"])

Le script est opérationnel sur ton fofo Serge.


Pour les photos en double sur le fofo f12.
Le script recherche toutes les photos Serge.

Comme ce sujet:
https://photoclic.forum-pro.fr/t14615-semaine-du-19-au-25-mai-2015
On retrouve des photos identiques.


Tu as aussi des photos qui n'ont plus le protocole https, j'ai donc ajouté cette image en replacement:

https://i.servimg.com/u/f20/20/11/87/27/186.png

Aperçu:



Tu pourra modifier cette image en bas du script Serge


Tu peux le voir ici:
https://photoclic.forum-pro.fr/f12p210-photovote

Le sujet concerné:
Semaines du 28 juillet au 10 août 2015

On peut même ajouter le lien de chaque sujet au click sur l'image si tu le désires serge.

Avec ce nouveau script:

Code:

//Aperçu des miniatures sur forums C2 Les photos du clic et photos gagnantes  
        $(function(){          
        if($('a.nav[href^="/c2-"],a.nav[href^="/f12-"],a.nav[href^="/f16-"]').length) {
          $('span.M14_type_post strong').closest('div.forumbg').addClass('M14_Annonc');
          $('div.forumbg:not(.M14_Annonc) li:not(.header) dl ').after('<div class="M14_LoaD_ToPiCs"><span class="M14_Open_GetPhotos" title="Afficher la suite..."><img src="https://i.servimg.com/u/f20/20/11/87/27/button13.png"/></span><span class="M14_Close_GetPhotos" title="Fermer"><img src="https://i.servimg.com/u/f20/20/11/87/27/button12.png"/></span><div></div></div>');
        $('.M14_LoaD_ToPiCs ').each(function(){
        var url = $(this).closest('li').find('a.M14_LoaD_ToPiCsConT').attr('href');
        var $this=$(this);
//on supprimes les images non désirées
var a="https://i.servimg.com/u/f58/18/97/96/21/man-wi10.png";
        $.get(url, function(data){
          var numberpictures=$(data).find('.content div:not(.M14_reception_photos) img:not([longdesc]):not([src^="https://7img.net"],[src="'+a+'"])').length;
        $(data).find('div[class*="post--"] ').find('.content div:not(.M14_reception_photos) img:not([longdesc]):not([src^="https://7img.net"],[src="'+a+'"])').each(function(){
          
        var img=$(this).attr('src');
        
        var auteur=$(this).closest('.postbody').find('p.author strong').text();
        var link=$(this).closest('.postbody').find('h2.topic-title a[href^="/t"]').attr('href');
        {
        $this.find('div').append('<a class="M14_PhotOs"href="'+link+'"><img src="'+img+'" title="Posté par '+auteur+'"/></a>');
        }
        if(numberpictures>1)
        {
        $this.find('.M14_Open_GetPhotos').show();
        $this.find('a.M14_PhotOs:eq(0)').addClass('one');
        $this.find('.M14_Close_GetPhotos').click(function(){
        $(this).hide();$(this).prev().show();
        $(this).closest('div').find('a.M14_PhotOs:not(.one)').fadeOut();
        });  
        $this.find('.M14_Open_GetPhotos').click(function(){
        $(this).hide();$(this).next().show();
        $(this).closest('div').find('.M14_PhotOs:not(.one)').fadeIn();});
        }
        $this.find('div').find('a:eq(0)').nextAll().hide();
        });      
        if(numberpictures>1)  
    {    
      $this.find('a.M14_PhotOs:eq(0)').before('<span class="M14_resultNumber">'+numberpictures+' photos</span>');
    }
          $this.find('div').find('img[src^="http:"]').attr('src','https://i.servimg.com/u/f20/20/11/87/27/186.png');      
        });
        });
        };
        });

Il faudra aussi modifier la css à ce niveau:

Code:


 /*Les images*/
    .M14_PhotOs
    {
    height:80px;
    max-width:80px;
    margin:0px 3px;
    object-fit: cover;
    z-index: 10;
    
    }


La modifier ainsi:

Code:


 /*Les images*/
    .M14_PhotOs,.M14_PhotOs img
    {
    height:80px;
    max-width:80px;
    margin:0px 3px;
    object-fit: cover;
    z-index: 10;
    
    }


La class M14_PhotOs revenant désormais à un lien et non plus à la photo.

Bonjour Philippe,

Je vois que la nuit porte conseil :-)

Tu es un génie Phil.
C'est en place et cela fonctionne à merveille.

J'ai juste revu le css du :hover

Je fais encore quelques essais avant de passer en résolu.

J'ai juste revu le css du :hover

Vi que j'ai modifié aussitôt car tu faisait le hover sur le lien et non l'image, c'est corrigé sur ton fofo.

Tu es un génie Phil.
C'est en place et cela fonctionne à merveille.
Je fais encore quelques essais avant de passer en résolu.

Merci Serge, je me sauve pour ma part,
à bientôt mon ami .

Merci pour tout Philippe,

Tu es vraiment allé jusqu’au bout de la réflexion là en traitant aussi les photos disparues en http.

Pour les photos en double sur f12, c'est tout à fait normal car il s'agit des votes des membres donc chacun vote pour sa photo préférée.

C'est donc tout bon l'ami  

Je passe en résolu.

Bonne journée Phil.

De rien Serge,
je perds parfois une logique absolue pour des trucs bien trop compliqués .