HTML изображения наведите курсор мыши на код

Question

Я ищу код, чтобы сделать это изображение http://www.ciob.org.uk/sites/ciob.org.uk/files/images/annual%20roll%20over.jpg, наведите курсор мыши на это http://www.ciob.org.uk/sites/ciob.org.uk/files/images/annual%20review%202010.jpg при наведении мыши.

Я пытаюсь связать их с http://www.ciob -online-documents.co.uk / AnnualReview2010

Спасибо за вашу помощь

PS Я везде искал и пробовал всевозможные примеры.

Я использую редактор Drupal WYSIWYG в форматированном тексте.

Answer 1

Попробуйте открыть режим HTML в редакторе Drupal WYSIWYG.Код для изменения изображения при наведении может быть следующим:

<a href="http://www.ciob-online-documents.co.uk/AnnualReview2010" title="">
  <img src="http://www.ciob.org.uk/sites/ciob.org.uk/files/images/annual%20review%202010.jpg" alt="" onmouseover="this.src='http://www.ciob.org.uk/sites/ciob.org.uk/files/images/annual%20roll%20over.jpg';" onmouseout="this.src='http://www.ciob.org.uk/sites/ciob.org.uk/files/images/annual%20review%202010.jpg'" />
</a>

Таким образом, когда пользователь использует mouseover элемент изображения, его атрибут src будет изменен наваше второе изображение.Как только пользователь mouseout src изображения снова изменится .Ссылка вверху изображения превращает пользователя в страницу, которую вы упомянули onclick.