Question

var $img='<img id="_img"src="large.png"style="display:none;"/>';
$('body').prepend($img);
$img.load(function(){
    if(this.width>$(window).width()){$('#_64b'+n).css({'background-size':'100% auto'});}else
    if(this.width<$(window).width()){$('#_64b'+n).css({'background-size':'100% auto'});}
if(this.height>$(window).height()){$('#_64b'+n).css({'background-size':'auto 100%'});}else 
if(this.height<$(window).height()){$('#_64b'+n).css({'background-size':'auto 100%'});}
                if(this.width<$(window).width()&&this.height<$(window).height()){
if(this.width>this.height){$('#_64b'+n).css({'background-size':'100% auto'});}
else{$('#_64b'+n).css({'background-size':'auto 100%'});}
    $('#_img').fadeIn(500);
}

我不明白如何在css背景大小'调整大小'

之后在px中获取新的背景大小

如果我知道那么我认为我可以要求JavaScript将背景位置放在：

//if the height is bigger than width

var css_height=?; //unknown number

var same_posx_new_posy='0px '+(($(window).height()-css_height)/2)+'px';

$('#_img').css({'background-position':same_posx_new_posy});

正确？

Dang !! 我刚刚意识到我没有处理背景问题

<div style="background:url('whatever.png');">

我正在使用图片，因为

的加载事件更好

$img.load(function(/*do stuff*/){}).each(function(){
   var t=setTimeout(function(){if(&&(this.complete){$(this).load();}},1000);//handles cahing nicely
   });

那么我的Jquery css操作想法是愚蠢还是什么？

更改后获取img的css background-size高度数

0 个答案: