jQuery onmouseover浏览器兼容性问题

src

$(\'img\').each(function(){
    var src = $(this).attr(\'src\');
    $(this).attr(\'src\',\'#\');
    $(this).attr(\'src\',src);
});

var images = null;
var animation_speed = 500;
var wait = 1500;

function ZoomIn(element){
    element.animate({
        height: element.data(\'height\') * 1.5
    },animation_speed,function(){
        // Zoom in animation ended,schedule next image
        setTimeout(function(){
            ZoomOut(element);
        },wait);
        setTimeout(function(){
            var next = element.next();

            // Comment out the next line if you don\'t want the animation to restart after last image.
            if(element.index() == images.length - 1) next = images.eq(0);

            ZoomIn(next);
        },wait);
    });
}

function ZoomOut(element){
    element.animate({
        height: element.data(\'height\') * 1
    },animation_speed);
}

function StartAnimation(){
    // Make sure images object is set
    if(!images) return;

    ZoomIn(images.eq(0));
}

$(function(){
    images = $(\'img\');

    var cnt = images.length;
    var loaded = 0;

    images.load(function() {
        $(this).data(\'height\',this.height);
        loaded++;

        // Start the animation after all images have loaded
        if(loaded == cnt) StartAnimation();
    });

    // Force image load events
    images.each(function(){
        var src = $(this).attr(\'src\');
        $(this).attr(\'src\',\'#\');
        $(this).attr(\'src\',src);
    });
});