Смена картинок в зависимости от положения курсора мыши
Здравствуйте, уважаемые профи и читатели форума!
Я со всей серьезностью понимаю, что задача не сложная. Но, к сожалению, пока нет времени на изучение азов JavaScript.
Возникла необходимость иметь скрипт, который сможет менять картинки друг на друга в зависимости от положения курсора мыши на странице.
Допустим, можно задать границы координат страницы, в пределах которых на странице будет одна из картинок, когда курсор мыши будет находиться там. За пределами этих границ будут другие границы координат страницы, в пределах которых другая картинка заменит предыдущую. И так далее.
Всего должно быть 8 зон: 4 ограничены размерами квадратной картинки и еще 4 оставшиеся, не вошедшие туда (как на картинке). На все 8 зон 8 разных картинок. Ну еще можно добавить 9ую стандартную картинку, когда курсор мыши находится вне страницы.
Спасибо!
|