Implémentation d'une mise à l'échelle proportionnelle des images basée sur jquery_jquery

基于jquery的图片尺寸调整

resize.js

复制代码 代码如下 :

$(window).bind("load", function() {
    //REDIMENSIONNEMENT DE L'IMAGE
    $('#product_list img').each(function() {
        var largeurmax = 120;
        var hauteurmax = 120;
        rapport var = 0;
        var largeur = $(this).width();
        var hauteur = $(this).height();
    
        si (largeur > maxWidth) {
            ratio = maxWidth / largeur;
            $(this).css("width", maxWidth);
            $(this).css("hauteur", hauteur * ratio);
            hauteur = hauteur * rapport ;
        >
        var largeur = $(this).width();
        var hauteur = $(this).height();
        si (hauteur > maxHeight) {
            ratio = maxHeight / hauteur;
            $(this).css("hauteur", maxHeight);
            $(this).css("largeur", largeur * ratio);
            largeur = largeur * rapport ;
        >
    });
    //$("#contentpage img").show();
    //REDIMENSIONNEMENT DE L'IMAGE
});

代码很简洁，使用起来也很简单，小伙伴们直接使用即可