Sujet : Où appeler ma fonction ?

Bonjour,

En premier lieu, je me dois de vous prévenir que je suis un néophyte total en javascript/Jquery (de toute façon, vous le constaterez forcément par vous-même smile )
Alors d'avance, merci de pardonner les incongruités et autres âneries qui pourraient sortir de mes propos et/ou de mes codes !

Voilà, je commence à créer un site (et une première ânerie, une !!!) sur lequel seront listés un certains nombre d'articles, chacun d'eux contenu dans un <div> comme suit :

Code HTML :

    <!-- Article 1 -->
    <div class="ResumeArticle">
        <p class="GroupeDateNatureEvenement">
            <a href="lien.html" title="Lien vers l'article 1">
              <span class="DateEvenement">Date</span>
              <span class="NatureEvenement">Evenement</span>
          </a>
      </p>
        <p class="GroupeDescriptifEvenement">
          <a class="LienDiapoEvenement" href="" title=""><img class="ImgDiapoEvenement" src="images.jpg alt="" /></a>
            <span class="DescriptifEvenement">Descriptif.
            <br>
            <a href="" class="TexteSuiteEvenement">[...] -> Lire la suite</a>
        </p>
    </div>
    <!-- Article 2 -->
    <div class="ResumeArticle">
        <p class="GroupeDateNatureEvenement">
            <a href="lien.html" title="Lien vers l'article 2">
              <span class="DateEvenement">Date</span>
              <span class="NatureEvenement">Evenement</span>
          </a>
      </p>
        <p class="GroupeDescriptifEvenement">
          <a class="LienDiapoEvenement" href="" title=""><img class="ImgDiapoEvenement" src="images.jpg alt="" /></a>
            <span class="DescriptifEvenement">Descriptif.
            <br>
            <a href="" class="TexteSuiteEvenement">[...] -> Lire la suite</a>
        </p>
    </div>
    <!-- Article 3 -->
    <div class="ResumeArticle">
        ...
    </div>

La balise <img> de classe "ImgDiapoEvenement" ainsi mise en forme :
Code CSS :

#Articles .ResumeArticle .ImgDiapoEvenement{
    display:block;
    float:left;
    margin-right:16px;
    margin-bottom:16px;
    padding:0;
    border:3px solid #866b29;
}

Je voudrais redimensionner l'image,quelle que soit sa taille d'origine, au moment de son affichage et j'ai écrit cette fonction :
Code Jquery :

(function($){
    $.fn.RedimensionneImageMiniature=function(){;
        var Largeur=this.width();
        var Hauteur=this.height();
        var Ratio=Math.min(132/Largeur,132/Hauteur);
        Largeur=Largeur*Ratio;
        Hauteur=Hauteur*Ratio;
        if (Largeur!=this.width() || Hauteur!=this.height()){
            this.css('width',Largeur);
            this.css('height',Hauteur);
        };
    };
})(jQuery);

Le problème est que je ne sais pas où appeler cette fonction dans le code HTML (ou ailleurs ?).
Peut-être n'est-ce pas la bonne méthode pour arriver à mes fins...

Si quelqu'un pouvait m'aiguiller...

Merci d'avance.

Re : Où appeler ma fonction ?

(function($){
    $.fn.RedimensionneImageMiniature=function(){
        var Largeur, Hauteur, Ratio;
        this.each(function() {
            Largeur=$(this).width();
            Hauteur=$(this).height();
            Ratio=Math.min(132/Largeur,132/Hauteur);
            Largeur=Largeur*Ratio;
            Hauteur=Hauteur*Ratio;
            if (Largeur!=$(this).width() || Hauteur!=$(this).height()){
                $(this).css('width',Largeur);
                $(this).css('height',Hauteur);
            };
        });
    };
})(jQuery);

3

Re : Où appeler ma fonction ?

Re : Où appeler ma fonction ?

5

Re : Où appeler ma fonction ?

Re : Où appeler ma fonction ?