Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Надо сделать переключатель со сменой картинки (https://javascript.ru/forum/jquery/75265-nado-sdelat-pereklyuchatel-so-smenojj-kartinki.html)

temkyq 17.09.2018 19:16

Надо сделать переключатель со сменой картинки
 
Здравствуйте, форумчане. Необходимо на сайте ucalc (конструктор калькуляторов) добавить код html, который позволит при нажатие определенной строчки в radio списке скрывать одну картинку и показывать другую.

j0hnik 19.09.2018 03:13

<input type="radio" name="img">
<input type="radio" name="img">
<input type="radio" name="img">
<img src="" alt="картинка">
	<script>
var arrImg = [
'https://javascript.ru/forum/image.php?u=7416&dateline=1372796129',
'https://javascript.ru/forum/images/ca_serenity/misc/logo.gif',
'https://javascript.ru/forum/images/smilies/dance3.gif'
];

document.querySelectorAll('[name="img"]').forEach((el,i)=>el.onchange = e => {
	if(el.checked) document.querySelector("img").src = arrImg[i];
});
	</script>


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