如何替换css类背景图片答案

【问题标题】：How to replace css class back ground image如何替换css类背景图片
【发布时间】：2012-05-23 07:46:14
【问题描述】：

我正在使用 Mvc 和 jquery，我想知道如何获取要显示的图像。

我有

<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>

我希望这是来源：图片不显示，您能帮帮我吗？

【问题讨论】：

当您执行 imageSource 时，您将得到 object 返回给您，因此当您尝试将 imageSource 注入为 background-image url 时，它正在尝试使用一个对象。您需要获取imageSource object 的src attribute。这是通过执行类似 -imageSource = imageSource.attr('src') 的操作来实现的。然后在 var imageSource 和 var newimg 之间插入 - 这会给你想要的效果。

标签： jquery asp.net-mvc model-view-controller

【解决方案1】：

我认为这可能会对您有所帮助：

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

【讨论】：

【解决方案2】：

改变

var imageSource = $('#images');

到

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

获取实际路径而不是 DOM-Element。

【讨论】：

【解决方案3】：

在您的 imageSource 变量中。我想如果它是图像标签，您需要获取#images 元素的 src 属性。总的来说，我认为唯一不起作用的是 imageSource 值。有关这方面的更多信息可以帮助解决问题。

【讨论】：

【解决方案4】：

可能是这样的？

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

【讨论】：

【解决方案5】：

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

还有css代码：

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

【讨论】：