Загрузка изображений в DIV по Radiobutton
Добрый день! Подскажите, пожалуйста, как правильнее подгружать(ajax?) изображения в отдельный блок div по нажатию кнопки?
Кнопок много, еще и метод должен вызваться несколько раз(png изображения поверх друг друга). |
начни писать код :-)
покажи потом тебе помогут |
<input type="radio" name="pictures" value="http://javascript.ru/cat/list/event.gif"> Первая<Br> <input type="radio" name="pictures" value="http://javascript.ru/cat/list/donkey.gif"> Вторая<Br> <input type="radio" name="pictures" value="http://javascript.ru/cat/list/mobile.jpg"> Третья<Br> <div id = 'ddd'></div> <script> var gr = document.getElementsByName("pictures"); window.onclick = function() { for(var i=0; i<gr.length; i++) { if (gr[i].checked) { document.getElementById('ddd').innerHTML = '<img src="' + gr[i].value + '"/>'; } } } </script> |
Dilettante_Pro,
может [name="pictures"]:checked ? вместо for |
<input type="radio" name="pictures" value="http://javascript.ru/cat/list/event.gif"> Первая<Br> <input type="radio" name="pictures" value="http://javascript.ru/cat/list/donkey.gif"> Вторая<Br> <input type="radio" name="pictures" value="http://javascript.ru/cat/list/mobile.jpg"> Третья<Br> <div id = 'ddd'></div> <script> window.onclick = function(e) { if (e.target.name == "pictures") { document.getElementById('ddd').innerHTML = '<img src="' + e.target.value + '"/>'; } } </script> |
Dilettante_Pro,
:) |
Большое спасибо за ответы(попробую)! Решил все средствами css:)
|
Часовой пояс GMT +3, время: 10:12. |