调整jquery中的图像大小不适用于所有图像

时间:2015-05-17 01:16:53

标签: jquery

我希望它能够扩展td img.standingslogo的所有实例,但它无法正常工作

jsfiddle - https://jsfiddle.net/ze5ebnw7/13/

$(window).load(function(){
    image = []
    $('td img.standingslogo').each(function() {
        imageWidth = $(this).width();
        image[$(this).index()] = imageWidth;
    });

    $(window).resize(function() {
        $('td img.standingslogo').hide();
        $('td img.standingslogo').each(function() {
            tdWidth = $(this).parent().width();
            imgWidth = image[$(this).index()];
            if (imgWidth>=tdWidth) {$(this).css({width:tdWidth});} else {$(this).css({width:imgWidth});}
            $(this).show();
        });
    }).resize();
});

1 个答案:

答案 0 :(得分:0)

现在正在使用

$(window).load(function(){
image = [];
i=0;
$('.standingslogo').each(function() {
    imageWidth = $(this).width();
    image[i] = imageWidth;
    i++
});

$(window).resize(function() {
    $('.standingslogo').hide();
    i=0;
    $('.standingslogo').each(function() {
        tdWidth = $(this).parent().width();
        imgWidth = image[i];
        if (imgWidth>=tdWidth) {$(this).css({width:tdWidth});} else {$(this).css({width:imgWidth});}
        $(this).show();
        i++
    });
}).resize();

});