Уважаемые знатоки, помогите разрешить одну задачку.
JavaScript отнюдь не является моей специализацией, но нужда заставила.
Требуется, чтобы при нажатии на радиокнопку добавлялась подстрока к адресу главного изображения, тем самым в браузере изменяя эту картинку на другую. Всё это без использования jQuery.
Хочу реализовать задумку примерно таким образом:
<html>
<head>
</head>
<body>
<img src="I:\black.jpg" name="radio" class="radiobutton" />
<div>
<input type="radio" name='test' OnClick="window.document.images['radio'].src='I:\lime.jpg';" />
<input type="radio" name='test' OnClick="window.document.images['radio'].src='I:\orange.jpg';" />
<input type="radio" name='test' OnClick="window.document.images['radio'].src='I:\green.jpg';" />
</div>
</body>
</html>
Но думаю использовать в событии onClick функцию replace(), типа:
replace('.jpg', '-new.jpg')
Таким образом главная картинка должна бы превратиться из black.jpg в black-new.jpg
Но не пойму, как связать функцию с событием onClick; ведь не таким же образом это делать:
<input type="radio" name='test' OnClick="window.document.images['radio'].src.replace('.jpg', '-new.jpg');" />
Помогите самообучающемуся советом, пожалуйста.