如何替換css類背景圖像

我使用Mvc和jQuery，我想知道如何獲取圖像顯示。如何替換css類背景圖像

我

<img src="@Url.Action("GetImage", "Dashboard")" id="images" alt="image description" width="100" height="72" />

和我的紙條標籤內我有

<script type="text/javascript"> 
     getTheme(); 
     var imageSource = $('#images'); 
     var newimg = $('.logo'); 
     newimg.css({'background-image', 'Url('+imageSource+')'}); 
    </script>

我想這是源：的圖像，則沒有表現出你能幫助我。

來源

2012-05-23 vudz

當你這樣做的ImageSource你得到'object'還給你，所以當你試圖將'imageSource'作爲'background-image url'注入時，它試圖使用一個對象。你需要獲得'imageSource對象'的'src屬性'。這可以通過執行像''imageSource = imageSource.attr（'src'）'來實現。然後在'var imageSource'和'var newimg'之間插入 - 這會給你想要的效果。 – Ohgodwhy

謝謝它工作！ – vudz

變化

var imageSource = $('#images');

到

var imageSource = $('#images').attr("src");

獲得實際的路徑，而不是DOM的元素。

來源

2012-05-23 07:52:09 Christoph

謝謝它工作！ – vudz

@vudz很好。只要接受其中一個答案即可解決問題。 – Christoph

在你的imageSource變量中。我想如果它是一個圖片標籤，你需要採用#images元素的src屬性。總的來說，我認爲唯一不起作用的就是imageSource的價值。有關這方面的更多信息可以幫助解決問題。

來源

2012-05-23 07:50:38

謝謝它工作！ – vudz

也許這樣的事情？

newimg.attr('src', imageSource.attr('src'));

來源

2012-05-23 07:52:49

$('#bg_image').removeClass('.logo').addClass('#images');

而且CSS代碼：

.logo{background-image:url(image1.png);} 
#image{background-image:url(image2.png);}

來源

2012-05-23 07:53:27

我認爲這可以幫助你：

<script type="text/javascript"> 
     getTheme(); 
     var imageSource = $('#images').attr('src'); 
     var newimg = $('.logo'); 
     newimg.css({'background-image', 'Url('+imageSource+')'}); 
</script>

來源

2012-05-23 07:54:47 EmRa228

謝謝它工作！ – vudz

如何替換css類背景圖像

回答

相關問題