0%

jQuery 图片载完事件

我想让一张图片在box里水平垂直居中显示,大小不固定,box的高度不固定,但有个最小值,这个需求应该可以用css实现,不需要动到强大的jQuery,但无奈技术太差,没解决,So,想到在载完图片后,用jQuery动态调整margin-top.

$(".original_preview img").load(function(){
    var original_preview_height=$(".original_preview").height();
    var preview_img_height=$(".original_preview img").height();
    var margin_top=(original_preview_height-preview_img_height)/2;
    $(".original_preview img").css("margin-top",margin_top);
});