如何更改div的背景圖像？

CSS如何更改div的背景圖像？

background-image:url(../back/back01.jpg); //this works

function switchRight(){ 
    $('#slider00').css("background-image","url(../back/back02.jpg)"); 
}

back01.jpg被刪除，但沒有加載back02.jpg。

來源

2012-12-05 Alegro

請檢查一次。它可能有幫助 http://stackoverflow.com/questions/253689/switching-a-div-background-image-with-jquery – Anshu

請檢查您的圖像路徑，可能是錯誤的相對路徑導致此錯誤。 –

假設你的css文件夾中

function switchRight(){ 
    $('#slider00').css("background-image","url(back/back02.jpg)"); 
}

請檢查

來源

2012-12-05 06:58:16

這是因爲背景圖像的路徑。當通過css設置時，路徑相對於你的css文件所在的位置。當你在javascript中使用相對於應用程序根目錄的路徑時。

來源

2012-12-05 06:55:23

非常感謝everyOne。解決了。 – Alegro

您可能需要檢查圖像的路徑。第一個基於css文件的當前路徑，第二個基於web站點的根目錄。

來源

2012-12-05 06:55:59 Teddy

試試這個

$('#slider00').css("background-image", "url(../back/back02.jpg)"); 

$('#slider00').click(function() 
{ 
    // do my image switching logic here. 
});

來源

2012-12-05 07:01:10 Anshu

+1非常有幫助。 – Rushi

請確保您圖像定義文件夾中存在。

您還可以通過下面的代碼給出css類。

.imageclass 
    { 
    background-image:url(../back/back01.jpg); 
    } 

    function switchRight(){ 
    $('#slider00').addClass('imageclass'); // same way you can use remove class 
    }

來源

2012-12-05 07:01:44 Hiral

如何更改div的背景圖像？

回答

相關問題