在 IE 7 和 IE 8 中加载图像时无法设置标题属性

Question

我正在调试我编写的背景图像幻灯片。

该脚本的流程是加载第一个图像并显示它，然后调用 preloadImages 函数，该函数然后以预设的时间间隔加载其余图像。

preload_img 是在我的插件开始时定义的全局变量 ( var preload_img = 1; )，它跟踪当前预加载的图像编号并保持其应有的值，但该值不会应用于图像的标题属性。

// load the images in sequence one after another
function preloadImages()
{
    clearInterval(interval_preload);

    var div = '<div id="'+options.id_holder+preload_img+'" class="bg_img_holder"></div>';
    $('#'+options.id_wrapper).append(div);

    var img = new Image();

    //alert("loading: " + options.img_path + images[preload_img].image + " " + preload_img);
    $(img).load(function()
    {
        alert("loaded: " + $(this).attr('src') + " " + $(this).attr('title'));
        $img_holder = $('#'+options.id_holder+$(this).attr('title'));

        $img_holder.append(this)
        .css({
        'display':      'none',
        'background-color': images[$(this).attr('title')].background,
        'z-index':      -500
        })
        .find('img')
        .height($img_holder.width() * 0.5625);

    }).attr({
        'src':      options.img_path + images[preload_img].image,
        'title':    preload_img
    });

    //if there's another image to load after this one
    if(++preload_img < (images.length))
    {
        interval_preload = setInterval(preloadImages,1500);
    }
}

尽管 preload_img 是在加载图像时定义的（第一个被注释掉的警报显示正确的值），但当图像加载时，标题是一个空字符串（第二个未注释的警报）。

当页面最初打开时（打开浏览器，输入地址，按 Enter 键），该问题不会出现，但每次都会出现。

这可能是我错过的一些小事，但我花了最后一个小时仔细研究这个，我快要疯了。

有一个非常基本的测试用例： http://jsfiddle.net/72Sy6/4/ 除了 IE7 之外，警报在我测试过的所有浏览器中生成预期数据，IE7 在打开页面时具有预期数据，但在所有其他时间都没有。

我提前对警报框表示歉意，但这是我知道在 IE7 中进行调试的唯一方法：X

编辑：在 IE 8 中的幻灯片中没有遇到错误，但此测试用例显示局部变量同样未定义。

Answer 1

由于我不完全确定的原因，将其更改

var img = new Image();
$(img).load(function(){
    //..
}).attr({
    'src':      options.img_path + images[preload_img].image,
    'title':    preload_img
});

为：

var img = $('<img src="'+images[preload_img].image+'" title="'+images[preload_img].title+'" />');
$(img).load(function(){
    //..
});

解决了问题。