Выбор рандомно изображения из массива
Здравствуйте!
Написать сценарий выбора из трех изображений одного, которое вставляется ниже этих трех. Пытаюсь сделать что-то такое:
<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>
|
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)];
}
|
Mess4me,
что-то не могу понять как вам скрипт работать должен |
пробую как-то так,однако,ничего не выходит
<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>
|
пробую через 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>
|
Так разве не работает?
<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>
|
Mess4me,
работает,буду разбираться |
| Часовой пояс GMT +3, время: 23:05. |