Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   изменение картинок в зависимости от значения input (https://javascript.ru/forum/misc/25237-izmenenie-kartinok-v-zavisimosti-ot-znacheniya-input.html)

jump91 30.01.2012 01:16

изменение картинок в зависимости от значения 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
- и т.д.

Keeper 30.01.2012 02:17

<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>

melky 30.01.2012 08:57

Keeper,
getElementById ->>> document.getElementById


Часовой пояс GMT +3, время: 11:14.