使用JQuery添加完整背景圖像

我正在構建小腳本，一個全屏幻燈片與描述，但我有一些問題添加圖像，似乎圖像沒有被識別。使用JQuery添加完整背景圖像

我想補充的代碼太

"no-repeat center center fixed;"

修復的背景。

我到底做錯了什麼？

var i = 1; 

function slideshow() { 
    setTimeout(function() { 

     if (i == 2) { 
      $("body").css("http://static.vecteezy.com/system/resources/previews/000/046/003/original/fuchsia-background-with-light-beams-no-bar.jpg)"); 
      $("#description").text("teste1"); 
     } 
     if (i == 3) { 
      $("body").css("http://i1.wp.com/static.web-backgrounds.net/uploads/2012/08/City_Landscape_Background.jpg)"); 
      $("#description").text("teste2"); 
     } 
     if (i == 4) { 
      $("body").css("http://4.bp.blogspot.com/-AISNX1W0-ww/UXZ80eprU8I/AAAAAAAAAoI/e4-7I79LmKI/s1600/background+wallpaper+6742.jpg)"); 
      $("#description").text("teste3"); 
      i = 1; 
     } 

     i++; 
     if (i < 5) { 
      slideshow(); 
     } 

    }, 1000) 
} 

slideshow();

感謝

來源

2014-12-01 José António

你實現CSS方法不正確，[.css（propertyName，value）] [fiddle]（http://jsfiddle.net/w7c3gzvd/1/） – Diego 2014-12-01 17:18:36

你沒有正確實現jQuery的.css（）。你必須通過它的屬性名和值作爲參數http://api.jquery.com/css/

.css(propertyName, value)

所以要設置一個背景圖片（你所需要的附加參數），你可以使用：

$(body).css('background','url("http://static.vecteezy.com/system/resources/previews/000/046/003/original/fuchsia-background-with-light-beams-no-bar.jpg") no-repeat center center fixed');

來源

2014-12-01 17:13:23

你只需設置CSS爲圖像的URL。你需要將css背景圖像url設置爲圖像的url。

$("body").css("background-image", "url('your photo url here')")

來源

2014-12-01 17:01:42 Advocation

使用JQuery添加完整背景圖像

回答

相關問題