Форум

unkind · #1 (**permalink**) 03.11.2015, 09:50

Здравствуйте!
Написать сценарий выбора из трех изображений одного, которое вставляется ниже этих трех.
Пытаюсь сделать что-то такое:

<HTML>
  <HEAD>
  <TITLE>Перестановка изображений</TITLE>
  <script>
  function chan()
  { 
  //каждому изображению присвоил переменную,А потом передал в массив
  var a=document.images[r1-1].src;
  var b=document.images[r2-1].src;
  var c=document.images[r3-1].src;
  var array = new Array(a,b,c);
  //тут пытаюсь случайно выбирать случайную картинку
  var item = array[Math.floor(Math.random()*array.length)];
  
  }
  </script>
  </HEAD>
  <BODY>
  <CENTER>
  <H4>Галерея рисунков</H4><br>
  <IMG src="1.jpg" width="90" name="pic1">
  <IMG src="2.jpg" width="90" name="pic2">
  <IMG src="3.jpg" width="90" name="pic3"> <br>


 <IMG src="<!--СЮДА ВСТАВЛЯТЬ РАНДОМНО ИЗОБРАЖЕНИЕ выбранное,как такое реализовать? из массива"-->width="90" name="pic1" onload="chan(item)">
  </CENTER>
  </BODY>
  </HTML>

Mess4me · #2 (**permalink**) 03.11.2015, 11:17

function chan()
        {
           
            var arr =[];
            var result = document.getElementById('result');
        
            for (var i = 0; i < document.getElementsByTagName('img').length - 1; i++) {
                var img = document.getElementsByTagName('img')[i];

                arr.push(img.src);

            }
            result.src = arr[Math.floor(Math.random()*arr.length)];


        }

unkind · #3 (**permalink**) 03.11.2015, 11:21

Mess4me,
что-то не могу понять как вам скрипт работать должен

unkind · #4 (**permalink**) 03.11.2015, 11:26

пробую как-то так,однако,ничего не выходит

<HTML>
  <HEAD>
  <TITLE>Перестановка изображений</TITLE>
  <script>
  function chan()
  { 
  
  var a=document.images[r1-1].src;
  var b=document.images[r2-1].src;
  var c=document.images[r3-1].src;
  var array = new Array(a,b,c);
  
    document.getElementsById('result').src = array[Math.floor(Math.random()*array.length)];

chan();
  }
  </script>
  </HEAD>
  <BODY>
  <CENTER>
  <H4>Галерея рисунков</H4><br>
  <IMG src="1.jpg" width="90" name="pic1">
  <IMG src="2.jpg" width="90" name="pic2">
  <IMG src="3.jpg" width="90" name="pic3"> <br>

 
   <br>
 <IMG src="" id="result" width="90" name="pic1" onload="chan(this)">
  </CENTER>
  </BODY>
  </HTML>

unkind · #5 (**permalink**) 03.11.2015, 11:52

пробую через appendChild

L>
  <HEAD>
  <TITLE>Перестановка изображений</TITLE>
  <script>
  function chan()
  { 
  
  var a=document.images[r1-1].src;
  var b=document.images[r2-1].src;
  var c=document.images[r3-1].src;
  var array = new Array(a,b,c);
  
 var item = array[Math.floor(Math.random()*array.length)];
document.getElementById("result").appendChild(item);
chan();
  }
  </script>
  </HEAD>
  <BODY>
  <CENTER>
  <H4>Галерея рисунков</H4><br>
  <IMG src="1.jpg" width="90" name="pic1">
  <IMG src="2.jpg" width="90" name="pic2">
  <IMG src="3.jpg" width="90" name="pic3"> <br>

 
   <br>
 <IMG src="" id="result" width="90" name="pic1" onload="chan(this)">
  </CENTER>
  </BODY>
  </HTML>

Mess4me · #6 (**permalink**) 03.11.2015, 12:11

Так разве не работает?

<HTML>
<HEAD>
    <TITLE>Перестановка изображений</TITLE>
    <meta charset="windows-1251">
 [JS]
     
        function chan()
        {
            alert(Math.random());
            var arr =[];
            var result = document.getElementById('result');
            //каждому изображению присвоил переменную,А потом передал в массив
            for (var i = 0; i < document.getElementsByTagName('img').length - 1; i++) {
                var img = document.getElementsByTagName('img')[i];

                arr.push(img.src);

            }
            result.src = arr[Math.floor(Math.random()*arr.length)];
           


        }
    
[/JS]
</HEAD>
<BODY>
<CENTER>
    <H4>Галерея рисунков</H4><br>
    <IMG src="1.jpg" width="90" name="pic1" title="1">
    <IMG src="2.jpg" width="90" name="pic2" title="2">
    <IMG src="3.jpg" width="90" name="pic3" title="3"> <br>

    <input type="button" value="Выбрать  изображние" onClick="chan(this)">
    <br>
    <IMG id="result" src="<!--СЮДА ВСТАВЛЯТЬ РАНДОМНО ИЗОБРАЖЕНИЕ выбранное,как такое реализовать? из массива"--> /<!--width="90" name="pic1" onload="chan(item)">-->
</CENTER>
</BODY>
</HTML>

unkind · #7 (**permalink**) 03.11.2015, 12:16

Mess4me,
работает,буду разбираться

Форум

Справочник

Discord чат

Курсы javascript