响应背景jQuery问题

Question

我正在尝试在自定义Drupal主题中制作响应式背景幻灯片。幻灯片部分由Drupal的模块（视图，幻灯片）覆盖，图像由CSS定位。现在，我编写了一个简单的jQuery代码，使图像拉伸并填满屏幕。我一直在想一切都好，直到我在IE中测试它。后来，我发现了更多问题。所以，他们在这里：

1. In IE9, this code works only on first image, others keep their original sizes. 
2. In IE8 there is no background images at all on the screen. 
3. In Firefox, after a while, browser crash. 

我的这个小代码可能有些严重错误，但我找不到：

    $(document).ready(function() {
    stretchBg();
    var windowWidth;
    var windowHeight;
    var imageWidth;
    var ratio;
    var imageHeight;
    function stretchBg() {
    windowWidth = $(window).width();
windowHeight = $(window).height();
$('#background img').each(function() {
  imageWidth =  $(this).attr('width');
  ratio = parseFloat(windowWidth / imageWidth).toFixed(2);
  imageHeight = $(this).attr('height') * ratio;
  if(windowHeight <= imageHeight) {
    $(this).attr('width', windowWidth);
    } else {
    $(this).attr('height', windowHeight);
  }
}); 
    }  
    $(window).resize(function() {
    stretchBg();
    });
    });

注意：我对图像使用attr（）而不是width（），因为它们隐藏了display：none属性，并且在加载之前无法检索它们的尺寸。

非常感谢，非常感谢您的帮助。