Maison > interface Web > js tutoriel > Implémentation d'une mise à l'échelle proportionnelle des images basée sur jquery_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
1736 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
});

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal