リンクがクリックされたときに div の背景画像を変更したいのですが、以下は機能しません。また、できれば薄くしたいのですが...
<style type="text/css>
#banner { background: url(img/img.jpg); }
</style>
<script type="text/javascript">
$('#change').click(function () {
$('#banner').css("background-image", "url(img/otherImage.jpg)");
});
</script>
<div id="banner">
stuff
</div>
<div id="container">
<div id="leftCol">
<a href="#" id="change">Change</a>
</div>
<div id="rightCol">
</div>
</div>