Форум

FTranslater · #1 (**permalink**) 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>

рони · #2 (**permalink**) 17.12.2020, 15:00

Сообщение от FTranslater

document.images[0]

это где в body?

FTranslater · #3 (**permalink**) 17.12.2020, 16:28

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

рони · #4 (**permalink**) 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>

Форум

Справочник

Discord чат

Курсы javascript