javascript - 在更改图像 src 的同时更改分区的背景图像

Question

我在文档的头部指定了一个样式。我在一个分区上指定了背景图片，但后来如果用户单击链接但我尝试做的一切都无法正常工作，则需要更改它。

<style type="text/css">
            /*Some CSS*/
            .large {
                background: url('/images/artwork1.jpg') no-repeat;
}
</style>

<div class="large"></div>
<img id="main_image" alt="Image"/>
<img onclick="javascript:document.getElementById('main_image').sr‌​c='/images/artwork2.‌​jpg'; $('.large').css({'background-image':'url(/images/artwork2.jp‌​g)';" alt="Change Image"/>

我尝试将背景图像从样式中移除，但单击链接并没有改变它。我试过 JavaScript 和 jQuery。在添加 jQuery 之前，我能够更改图像。

Answer 1

是的，那是因为你的语法有误。

试试这个。

javascript:document.getElementById('main_image').sr‌ c='/images/artwork2.‌ jpg'; $('.large').css('background-image', 'url(/images/artwork2.jp‌ g)');