Как создать генератор случайных изображений с процентами?

Сначала мне очень жаль, что у меня плохой английский. Я хочу спросить, как сделать этот скрипт, я хочу поставить проценты? Я имею в виду, что каждый образ имеет свой процент, например, im1, чтобы иметь 5%, чтобы отобразить изображение 2, чтобы показать 10% и тому подобное?Как создать генератор случайных изображений с процентами?

<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<input class="randombutton" type="button" value="Randomize" onclick="randomImg1()"/> 
 

 
<script type="text/javascript"> 
 
    function randomImg1() { 
 

 

 
     myImages1 = new Array(); 
 
     myImages1[0] = "images/1.gif"; 
 
     myImages1[1] = "images/2.gif"; 
 
\t myImages1[2] = "images/1.gif"; 
 
     myImages1[3] = "images/2.gif"; 
 
\t myImages1[4] = "images/1.gif"; 
 
     myImages1[5] = "images/2.gif"; 
 
\t myImages1[6] = "images/1.gif"; 
 
     myImages1[7] = "images/2.gif"; 
 
\t myImages1[8] = "images/1.gif"; 
 
     myImages1[9] = "images/2.gif"; 
 
\t myImages1[10] = "images/1.gif"; 
 
     myImages1[11] = "images/2.gif"; 
 
\t myImages1[12] = "images/1.gif"; 
 
     myImages1[13] = "images/2.gif"; 
 
\t myImages1[14] = "images/1.gif"; 
 
     myImages1[15] = "images/2.gif"; 
 
\t myImages1[16] = "images/1.gif"; 
 
     myImages1[17] = "images/2.gif"; 
 
\t myImages1[18] = "images/1.gif"; 
 
     myImages1[19] = "images/2.gif"; 
 

 
     var rnd = Math.floor(Math.random() * myImages1.length); //incorporated other solution 
 

 
     document.getElementById("image").innerHTML = "<img src='" + myImages1[rnd] + "' alt='image'></img>"; 
 
    } 
 

 
</script> 
 
<div id="image"></div> 
 
</body> 
 
</html>

источник

2016-04-25 Петър Димитров

У вас был тег php. Черт возьми, я мог бы сделать это легко, если это был php. – Phiter

Привет, если этот ответ решил ваш вопрос, пожалуйста, рассмотрите [его принятие] (http://meta.stackexchange.com/q/5234/179419), нажав галочку. Это указывает более широкому сообществу, что вы нашли решение и дали некоторую репутацию как самому, так и самому себе. Это не обязательно. – Ofir

Сделать массив, который содержит precent индивидуально для каждого изображения. Это означает, что у вас есть myImages1, который является массивом, который имеет в каждом изображении ячейки. Каждая ячейка имеет номер. вы делаете еще один массив под названием precent, который по номеру его ячейки содержит предварительный просмотр для изображения в другом массиве в том же номере ячейки.

function randomImg1() { 

    var precent = new Array(); 
    myImages1 = new Array(); 
    myImages1[0] = "images/1.gif"; 
    precent[0] = 5; 
    myImages1[1] = "images/2.gif"; 
    precent[1] = 10; 
    myImages1[2] = "images/1.gif"; 
    precent[2] = 20; 
    myImages1[3] = "images/2.gif"; 
    precent[3] = 30; 
    myImages1[4] = "images/1.gif"; 
    precent[4] = 40; 
    myImages1[5] = "images/2.gif"; 
    precent[5] = 70; 
    myImages1[6] = "images/1.gif"; 
    precent[6] = 90; 
    myImages1[7] = "images/2.gif"; 
    precent[7] = 45; 
    myImages1[8] = "images/1.gif"; 
    precent[8] = 93; 
    myImages1[9] = "images/2.gif"; 
    precent[9] = 21; 
    myImages1[10] = "images/1.gif"; 
    precent[10] = 20; 
    myImages1[11] = "images/2.gif"; 
    precent[11] = 34; 
    myImages1[12] = "images/1.gif"; 
    precent[12] = 66; 
    myImages1[13] = "images/2.gif"; 
    precent[13] = 94; 
    myImages1[14] = "images/1.gif"; 
    precent[14] = 56; 
    myImages1[15] = "images/2.gif"; 
    precent[15] = 87; 
    myImages1[16] = "images/1.gif"; 
    precent[16] = 12; 
    myImages1[17] = "images/2.gif"; 
    precent[17] = 44; 
    myImages1[18] = "images/1.gif"; 
    precent[18] = 76; 
    myImages1[19] = "images/2.gif"; 
    precent[19] = 89; 

    var rnd = Math.floor(Math.random() * myImages1.length); //incorporated other solution 

    document.getElementById("image").innerHTML = "<img src='" + myImages1[rnd] + "' alt='image' width='"+precent[rnd]+"%' height='"+precent[rnd]+"%'></img>"; 

}

Измените предварительный запас для каждого изображения по своему усмотрению.

источник

2016-04-25 17:44:58 Ofir

Я не могу понять? можете ли вы поместить его в мой код, пожалуйста, если сможете? –

Вы меняете свой документ document.getElementById с моей строкой кода и кодом выше, вам нужно назначить precentage для каждого из изображений. Как и для изображения на myImages1 [5], вы делаете precent [5] = 5; - он придаст ему 5-ти предварительных размеров – Ofir

Попробуйте наклеить код выше. – Ofir

Как создать генератор случайных изображений с процентами?

ответ

Смежные вопросы