Динамическая смена бэкграундов по клику

Данный скрипт очень удобно использовать для дальтоников. Ну а вообще неплохо будет посмотреть в коллекции бэкграундов как будет выглядеть заполнение тем или иным рисунком. Картинки не являются ссылками, здесь только активизируется событие onClick и срабатывает скрипт по клику на определенную картинку. Да, в "шкафе" не работает, ибо с CSS там свои заморочки. Ну и не секрет, что netscape практически не поддерживает внутренние таблицы стилей.

В заголовке пишем:
<STYLE TYPE="text/css">
<!--
a:hover {color: "#00FF40";}
.bgimages img {cursor:hand}
-->
</style>
<script language="JavaScript">
function tile(){
if (!document.all)
return
var source=event.srcElement
if (source.tagName=="IMG")
document.body.style.backgroundImage="url("+source.src+")"
}
function restore(){
document.body.style.backgroundImage=''
}
</script>

Далее в любом месте текста документа пишем:

<span class="bgimages" onClick="tile();event.cancelBubble=true">
<img src="myImage1.gif">
<img src="myImage2.gif">
. . . . . . .
<img src="myImageN.gif">

</span>

где myImage - URL бэкграундов

PS: Эксперементируя с бэкграундами имейте в виду, что в Microsoft Internet Explorer имеется баг с применением CSS в отношении бэкграундов в теге BODY (касательно только внутренних стилевых таблиц). Запись вида "Style=background : url(myImage)" - если myImage не будет найдено, это приведет к зависанию компьютера. В данном примере проверено в IE на предмет несуществующего рисунка - все нормально, окрашивается в белый цвет, вероятно баг кроется в интерпретации тегов, так как в JavaScript проходит запись вида:
document.body.style.backgroundImage="url("myImage")" безболезненно.