如何更换css类背景图像

时间:2012-05-23 07:46:14

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

我正在使用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>

我希望这是源头: 图片没有显示你可以帮助我。

5 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:1)

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

答案 2 :(得分:1)

更改

var imageSource = $('#images');

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

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

答案 3 :(得分:1)

这样的事可能吗?

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

答案 4 :(得分:1)

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

和css代码:

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