javascript - 将特定文本添加到随机图像数组

Question

我有一个包含 6 个不同图像的数组，每次页面加载时都会随机化。但是我想在加载时显示每个图像的特定文本。

我该怎么做？

这是我的代码:

 <script type="text/javascript">
    var random_images_array = ["../img/distraction pictures/11aabtk.jpg", "../img/distraction pictures/blue-clouds-day-fluffy-53594.jpeg", "../img/distraction pictures/cambridge-66714.jpg", "../img/distraction pictures/pandas.jpg", "../img/distraction pictures/pexels-photo-24781.jpg", "../img/distraction pictures/pexels-photo-28051.jpg"];


    function getRandomImage(imgAr, path) {
        path = path || 'img/';
        var num = Math.floor( Math.random() * imgAr.length );
        var img = imgAr[ num ];
        var imgStr = '<img src="' + path + img + '" alt = "">';
        document.write(imgStr); document.close();
    }

    </script>

Answer 1

您必须保留另一个数组并从中获取值。

 var random_images_array = ["../img/distraction pictures/11aabtk.jpg", "../img/distraction pictures/blue-clouds-day-fluffy-53594.jpeg", "../img/distraction pictures/cambridge-66714.jpg", "../img/distraction pictures/pandas.jpg", "../img/distraction pictures/pexels-photo-24781.jpg", "../img/distraction pictures/pexels-photo-28051.jpg"];

 var random_texts_array = ["text1", "text6"]; //add others ..


    function getRandomImage(imgAr, path) {
        path = path || 'img/';
        var num = Math.floor( Math.random() * imgAr.length );
        var img = imgAr[ num ];
        var imgStr = '<img src="' + path + img + '" alt = "">';
        document.write(imgStr);
        document.write(random_texts_array[num]);
        document.close();
    }