Discussion :

[tourmagic]

Bonjour,

Bonjour,

J'espère poster dans la bonne rubrique.

Un ami m'a développé un script qui récupère les images d'un forum pour les présenter sous forme de miniatures dans une div.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
        $(function(){          
   $('essai ').after
     ('<div class="Sujets"><div></div></div>');    
        $('.Sujets ').each(function(){
        var url = $(this).closest('li').find('a.LoaD_SujetsConT').attr('href');
        var $this=$(this);
        $.get(url, function(data){
 
        $(data).find('div[class*="post--"] ').find('.content  img').each(function(){
 
        var img=$(this).attr('src');
 
 // comment ne récupérer que les images dont la largeur est > 180px 
 
        $this.find('div').append('<img class="miniature"src="'+img+'" />');       
        });       
        });
        });    
        });

La taille de .miniature est définie en css.

Actuellement toutes les images sont récupérées et mises dans la div.

comment ne mettre dans la div que les images ayant une largeur > 180px.

Une colle en cette période de confinement.

Par avance merci pour l'aide.

[NoSmoking]

Bonjour,
si tu n'as pas moyen de faire le test avant côté serveur, tu peux mettre un écouteur sur le onload des images et à ce moment, et à ce moment là seulement, tu pourras connaître la taille de ton image et l'afficher ou non.

[tourmagic]

Bonjour,

Merci pour ta réponse NoSmoking.
Mais je ne sais pas faire cela.

Si cela pouvait être inclus dans ce script, ce serait bien.

[NoSmoking]

Il faut faire un peu de recherche pour trouver

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
$(data_recuperees).each(function (ind, data) {
  // création d'une élément image
  $("<img>")
    // affectation événement   
    .on("load", function () {
      // test sur largeur possible
      if (this.width < MAX_WIDTH) {
        $dest.append($(this));
      }
    })
    // affectation source sur élément
    .attr("src", data);
});

voilà pour le schéma, je ne préjuge pas des données recueillies, ce qu'il y a dans data_recuperees, il sera peut être nécessaire d'ajouter une étape intermédiaire.

[tourmagic]

Merci NoSmoking,

J'avais fait plus qu'un peu de recherche.

Je n'ai pas réussi à intégrer ton code dans le mien.

Je n'ai pas le niveau.

Tant pis.
Merci pour le temps passé.