Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   подскажите пожалуйста как исправить проблему с выводом изображения на экран (https://javascript.ru/forum/misc/81574-podskazhite-pozhalujjsta-kak-ispravit-problemu-s-vyvodom-izobrazheniya-na-ehkran.html)

FTranslater 17.12.2020 14:49

подскажите пожалуйста как исправить проблему с выводом изображения на экран
 
программа должна по выбору элемента из списка выдавать одно из изображений, не вижу что можно исправить, заранее благодарю за помощь
<html>
<head>
	<script type="text/javascript">
		var photo= new Array()
        photo["1"] = new Image(400,550);
        photo["1"].src = "1.jpg";
        photo["2"] = new Image(400,550);
        photo["2"].src = "2.jpg";
        photo["3"] = new Image(400,550);
        photo["3"].src = "3.jpg";
        function prosm(list)
        {
        d = list.options[list.selectedIndex].value 
        document.images[0].src = photo[d].src; 
        }

	</script>
</head>
<body>
	<p>Выберите фотографию</p>
	<form name="a">
	<SELECT onchange= "prosm(this)">
        <option value="1">лес</option>
        <option value="2">горы</option>
        <option value="3">море</option>
    </SELECT>
    </form>
</body>
</html>

рони 17.12.2020 15:00

Цитата:

Сообщение от FTranslater
document.images[0]

это где в body?

FTranslater 17.12.2020 16:28

спасибо за ответ, я думал о том чтобы добавить информацию об этом в html но не нашёл что именно нужно написать, буду благодарен если подскажете, грубо говоря не знаю что именно вставить в body

рони 17.12.2020 16:56

Цитата:

Сообщение от FTranslater
что именно вставить в body

тег картинки строка 32

<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
    img{
        width: 200px;
        height: 150px;
    }

    </style>
    <script>
        var photo= new Array(), img;

        img = new Image(400,550);
        img.src = "https://avatars.mds.yandex.net/get-zen_doc/162989/pub_5eaf5a04dadc5a18844cc84d_5eaf5a23260ca90dc3984a43/scale_1200";
        photo.push(img);
        img = new Image(400,550);
        img.src = "https://www.zastavki.com/pictures/1920x1200/2012/Nature_Mountains__033594_.jpg";
        photo.push(img);
        img = new Image(400,550);
        img.src = "https://img1.goodfon.ru/original/3600x2400/5/4f/nebo-more-skala-volny-bryzgi.jpg";
        photo.push(img);
        function prosm({value})
        {
          document.images[0].src = photo[value].src;
        }

    </script>
</head>
<body>
    <p>Выберите фотографию</p>
    <img src="https://avatars.mds.yandex.net/get-zen_doc/162989/pub_5eaf5a04dadc5a18844cc84d_5eaf5a23260ca90dc3984a43/scale_1200" alt="">
    <form name="a">
    <SELECT onchange= "prosm(this)">
        <option value="0">лес</option>
        <option value="1">горы</option>
        <option value="2">море</option>
    </SELECT>
    </form>
</body>
</html>


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