2015-05-17 95 views
0

我希望它縮放td img.standingslogo的所有實例的所有圖像,但它不能正常工作jQuery的調整圖像大小不工作

的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(); 
}); 
+0

從這個jsfiddle你不清楚你遇到了什麼問題。發生了什麼,你期望發生什麼? – andlabs

回答

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(); 

});