изменение картинок в зависимости от значения input
Всем привет!
Есть такая задача: <img src="image_1.png"/> <input type="text" name="test" class="test" value="1"/> Как сделать, чтобы при разных значения input менялась картинка, к примеру: - если значение в input 2 - то image_1.png менялось на image_2.png - если значение в input 3 - менялось на image_3.png - и т.д. |
<img id="imageID" src="image_1.png"/>
<input id="numImage" type="text" name="test" class="test" value="1"/>
<button onclick="chngImage();">Сменить</button>
<script type="text/javascript">
function chngImage() {
var num = getElementById('numImage').value,
img = new Image();
img.src = 'image_'+num+'.png';
getElementById('imageID').src = img.src;
}
</script>
|
Keeper,
getElementById ->>> document.getElementById |
| Часовой пояс GMT +3, время: 14:20. |