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

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

WBOY

Libérer： 2016-05-16 16:29:21

original

1703 Les gens l'ont consulté

基于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

});