Вызов функции JavaScript (генератор случайных IMG) внутри HTML-кода IMG SRC - PullRequest
Новая
       8

Вызов функции JavaScript (генератор случайных IMG) внутри HTML-кода IMG SRC

0 голосов
/ 16 мая 2018

Пожалуйста, не понижайте голос, я на самом деле гуглил это и искал все старые сообщения о переполнении стека.Я пробовал метод, предложенный, где вы используете тег html с пустым адресом src = "": 

<img id = "imageid" src="">

, а затем соответствующий код Javascript: 

  function randomImg(){
var randomNumber = Math.floor(Math.random() * 12) + 1;
var imgName = "img_" + randomNumber + ".jpg";
document.getElementById("imageid").src= YOUR_IMG_PATH + "/" + imgName ;
}

Таким образом,У меня есть 12 изображений, все с именами от img_1.jpg до img_12.jpg, и да, я проверил их директора и получил их для загрузки с помощью этой функции на моем сайте, как ни странно , только с помощью этого кода длякнопка.Я не был успешным, просто загрузив изображение через стандартный тег html img: 

<button type="button" onclick="randomImg()">Try it</button>

Я видел другие старые посты, которые рекомендуют использовать document.onload = function ()но это не сработало для меня (я также нашел пост, где пользователь Stackoverflow заявил, что document.onload NOT сгенерирует адрес img src для пустого тега src = "").Я всегда пытался по-разному форматировать вещи, то есть использовать «» вместо «» для определенных частей кода.

Последнее, что я хочу сделать, - это использовать массив, но я хотел посмотреть, смогу ли я решить эту проблему.так я делаю это сейчас, потому что чувствую, что упускаю что-то совершенно простое и очевидное.Заранее благодарим.

и, если это поможет, веб-сайт http://aemaeth0.github.io

1 Ответ

0 голосов
/ 16 мая 2018

ОК, ребята, спасибо, я использовал изменения кода @Chris G. По сути, он передавал «id» через функцию и использовал window.onload. Это точный код: 

<img id="img1" src="">
    <script>
    function randomImg(id) {
    var randomNumber = Math.floor(Math.random() * 12) + 1;
    var imgName = "img_" + randomNumber + ".jpg";
    document.getElementById(id).src= imgName;
    }
    window.onload = function() {
  randomImg("img1");
    }
    </script>

Я написал код на Java, C ++ и MATLAB и перешел к структурам данных / объектно-ориентированному программированию в Uni, но не сделал много Javascript и принципов малого синтаксиса (например, таких как «id» в Передача идентификатора в качестве параметра в функции) Скинул меня.

Я надеюсь, что это поможет любому, кто пытается случайным образом генерировать изображения с помощью javascript на своем веб-сайте, особенно если он не хочет использовать массивы.

Еще раз спасибо за все, что помогло!

...