图片预加载

当图片隐藏的时候方便预备加载

1.通过css

@media screen {
	div#preloader {
		position: absolute;
		left: -9999px;
		top:  -9999px;
		}
	div#preloader img {
		display: block;
		}
	}
@media print {
	div#preloader, 
	div#preloader img {
		visibility: hidden;
		display: none;
		}
	}

otherway

#element_01 {
	background: url(path/image_01.png) no-repeat;
	display: none;
	}
#element_02 {
	background: url(path/image_02.png) no-repeat;
	display: none;
	}
#element_03 {
	background: url(path/image_03.png) no-repeat;
	display: none;
	}

2
new image().src = "";
$(window).bind('load',function(){
    var station_imgs = new Array();
    $('.pop_img_show_up img').each(function(){
        station_imgs.push($(this).attr('src'));
    })
    $('.pop_img_show_down img').each(function(){
        station_imgs.push($(this).attr('src'));
    })
    var image_en = document.createElement('img');
        $(image_en).bind('load',function(){
            if(station_imgs[0]){
                this.src = station_imgs.shift();
            }
        }).trigger('load');
    
})