Я загружаю случайные изображения из массива в документ HTML, и это работает нормально. Проблема в том, что при проверке страницы, когда она активна, она не обновляет src. Есть ли способ сделать это, так как мне не очень повезло с этим.

$(document).ready(function(){

var randomImages= new Array ("images/A.png", "images/B.png","images/C.png");

var randomNumber = Math.floor((randomImages.length)*Math.random());

$('.image').prop('src',randomImages[randomNumber]);
var images = (randomImages[randomNumber]).attr(src);
alert(images);});

Выше случайная функция загрузки изображения.

<img class="image" id="A" src="" alt="#"></br>

Любая помощь по этому вопросу будет принята с благодарностью.

2
JimmyPop13 24 Апр 2017 в 19:51

2 ответа

Лучший ответ

Вы можете использовать случайную функцию, которая генерирует случайное число, которое генерирует все изображение

$('.image').each(function() {

  var num = Math.floor(Math.random() * 20 + 1),
    img = $(this);

  img.attr('src', 'images/' + num + '.jpg');
  img.attr('alt', 'Src: ' + img.attr('src'));

});

Или если вы хотите использовать массив, то используйте этот код, который генерирует

$('.image').attr('src',randomImages[randomNumber]);
2
Shafiqul Islam 24 Апр 2017 в 17:01

Пытаться

$('.image').attr('src',randomImages[randomNumber]);

// Extra

var images = (randomImages[randomNumber]).attr(src);

alert(images);
0
Sank6 24 Апр 2017 в 17:45