span и javascript
 

Есть тег <span> есть атрибут class в в нём прикручена картинка из css:

<span class='picture'></span>

Как сделать, чтобы при событии нажатие клавиши на картинку (тег span) менялась картинка на другую?

Либо меняй класс, либо непосредственно стиль

запись:

this.class='другой рисунок' не катит :(

Кла
что за бред вы пишете?

<span class="class1"></span>
<style type="text/css">
span {cursor: pointer; display: block; width: 200px;height: 300px;}
.class1 {background: url('http://mega74.ru/thumbs/kino/681/poster_w150.jpg') no-repeat;}
.class2 {background: url('http://mega74.ru/thumbs/kino/624/poster_w150.jpg') no-repeat;}
</style>

<script type="text/javascript">
window.onload = function(){
    document.getElementsByTagName('span')[0].onclick = function(){
        this.className = (this.className == 'class2') ? 'class1' : 'class2';
    };
};
</script>