Bildet er ikke gjenspeiler dens egenskaper

stemmer
0

http://grab.by/1rI8

Jeg skrev noen jQuery script slik at bakgrunnsbildet vil alltid skalere og vil aldri vise et tomt sted.

    function runIt() {
currentHeight = $(#bg).height() //useless for you
currentWidth = $(#bg).width() //useless for you
ccurrentHeight = $(#cover).height() //useless for you
ccurrentWidth = $(#cover).width() //useless for you
wcurrentHeight = $(window).height() //useless for you
wcurrentWidth = $(window).width() //useless for you
$(#auto).empty() //useless for you
$(#auto).append('BG Current Height:'+currentHeight+'Width'+currentWidth+'<br \>') //useless for you
$(#auto).append('Cover Current Height:'+ccurrentHeight+'Width'+ccurrentWidth+'<br \>') //useless for you
$(#auto).append('Window Current Height:'+wcurrentHeight+'Width'+wcurrentWidth+'') //useless for you
if ($(#bg).height() < $(window).height()) {
//  $(#bg).empty() //useless for you
//  $(#bg).append('<img src='+imgPath+' style=height:100% />') //useless for you
        $(#bg).css({
        width: $(#cover).width(),
        height: auto
        })
    }
else {
//  $(#bg).empty() //useless for you
//  $(#bg).append('<img src='+imgPath+' style=width:100% />') //useless for you
        $(#bg).css({
        height: $(#cover).height(),
        width: auto
        })
    }
}
setInterval(runIt, 50);

Alle som har noen ideer om hvorfor dette ikke fungerer?

Takk, Switz

Publisert på 29/12/2009 klokken 23:13
kilden bruker
På andre språk...                            


1 svar

stemmer
0

    function runIt() {
 winprop = $(window).height() / $(window).width();
 var bgprop = $("#bgimg").height() / $("#bgimg").width();
 if(winprop < bgprop)
 {
         $("#bgimg").css({
         width: $(window).width(),
         height: "auto"
         })
 } else {
         $("#bgimg").css({
         width: "auto",
         height: $(window).height()
         })
    }
}
function doSomething() {
    alert("I'm done resizing for the moment");
};
 runIt();
var resizeTimer = null;
$(window).bind('resize', function() {
    if (resizeTimer) clearTimeout(resizeTimer);
    resizeTimer = setTimeout(runIt, 20);
});

Gi Bg bilde til sin egen id. Endre størrelsen på bildet, ikke div.

Svarte 30/12/2009 kl. 00:33
kilden bruker

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more