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。

Answer 1

large

这是类型选择器，它匹配<large>个元素。

类选择器以.

开头

$('.large').css({'background-image':'url(/images/artwork2.jpg)';

Answer 2

在点击事件

下添加以下代码

findDistinctTableByColumn_1AndColumn_2AndColumn_3(Integer value)

通过JavaScript更改样式图像

2 个答案: