2

Css

.myStyle {
height: 10px;
background-image: url(../myImage.png);
}

html

<img class=myStyle src=<%scriptlet%> >

エラーハンドラで.myStyleの'background-image'属性値を読み取り、それをsrcに設定する方法はありますか？

次のコードが機能していません：js

myImage = $('.myStyle', $el);
myImage.error(function () {
          myImage.attr('src', background-image);
});
4

2 に答える 2

1

値を取得するには、次のbackground-imageようにします。

var bgImage = myImage.css("background-image");

の値はbgImageになりますので注意してくださいurl(../myImage.png)。

したがって、これを行う必要があります。

myImage.attr('src', bgImage.slice(4,-1));
于 2013-01-09T08:11:12.643 に答える
1

次を使用できます。

// change src from element by a css background image from same element.
function changeSrcByCssBackground() {
    $(this).attr('src', $(this).css("background-image").slice(4, -1));
}

// do when error
myImage.error(changeSrcByCssBackground);
于 2013-01-09T08:16:45.613 に答える