Как изменить фоновое изображение таблицы при наведении курсора на другую ссылку

Question

У меня есть это для изменения фонового изображения div.fullscreen:

<div id="swatches">
  <a href="http://www-03.ibm.com/ibm/history/exhibits/storage/images/PH3380A.jpg">
    <img src="http://www.wmagency.co.uk/wp-content/uploads/2011/04/test.jpg"
         onmouseover="document.images['bigPic'].src='http://josefsipek.net/docs/s390-    linux/hercules-s390/ssh-dasd1.png';"
         width="72" height="54" alt="Item ksc1" />
  </a>
</div>

Однако есть ли способ изменить фоновое изображение таблицы на hover другой ссылки на изображение?*

Answer 1

Конечно, посмотрите на пример здесь .

Это делается путем предоставления img an id и table an id. Затем мы слушаем, когда мышь находится над img, а когда это происходит, меняем background-image table.

Хотите использовать только встроенный JavaScript? Используйте это:

<div id="swatches">
  <a href="http://www-03.ibm.com/ibm/history/exhibits/storage/images/PH3380A.jpg">
    <img src="http://www.wmagency.co.uk/wp-content/uploads/2011/04/test.jpg"
         onmouseover='document.getElementById("table_id_here").style["background-image"]="url(\'http://www.gravatar.com/avatar/\');'
         width="72" height="54" alt="Item ksc1" />
  </a>
</div>