使用Javascript图像洗牌更改标题标记和链接

我使用以下脚本在刷新时更改背景照片：

<script type="text/javascript">
var randomImage = Math.floor((Math.random()*4)+1);
var homePage = document.getElementById('homepage');

homePage.style.backgroundImage= 'url("http://sample.com/images/bg/'+randomImage+'.jpg")';
</script>

var randomImage=Math.floor（（Math.random（）*4）+1）；
var homePage=document.getElementById（“主页”）；
homePage.style.backgroundImage='url（“http://sample.com/images/bg/“+randomImage+.jpg”）；

我需要更改与每张照片相关的描述和链接。以下是需要更改的标签：

<h3><a href="images/photographs/sample/sample.html">Description</a></h3>

---

谢谢你的帮助

最好使用jQuery操作css属性。易于维护

这里有一个想法供你参考：

HTML:

JS:

我基本上是在前面隐藏所有内容，只显示相关的描述

---

-1是因为数组索引以0开头。

下面是我的解决方案，使用jQuery

    $(document).ready(function(){
        clickLink();
    });

    function clickLink(){
        $(document).on('click', '#link-image', function(e){
            e.preventDefault();
            var bgs = ["http://lorempixel.com/200/200/sports/1/", "http://lorempixel.com/200/200/sports/2/", "http://lorempixel.com/200/200/sports/3/", "http://lorempixel.com/200/200/sports/4/" ]
            var num = getRandomArbitrary();
            console.log(num);
            $('#homepage').css({"background":'url('+bgs[num]+')', border : "1px solid"});
            $(this).attr("href" , bgs[num]).text("Description Image " + num);
        });
    }

    function getRandomArbitrary() {
      return parseInt(Math.random() * 4);

}

---

我还没有尝试过任何东西，因为我不知道如何解决这个问题。要清楚，这与在页面刷新时更改图像有关，而不是在单击链接时。有一个关联的h3标签和链接需要随图片一起更改。

#description li { display: none; }

var randomSeed = Math.floor((Math.random()*4)+1);
var description = document.getElementById("description");
var homePage = document.getElementById('homepage');
homePage.style.backgroundImage= 'url("http://sample.com/images/bg/'+randomSeed+'.jpg")';
description.getElementsByTagName('li')[randomSeed-1].style.display = "block";

    $(document).ready(function(){
        clickLink();
    });

    function clickLink(){
        $(document).on('click', '#link-image', function(e){
            e.preventDefault();
            var bgs = ["http://lorempixel.com/200/200/sports/1/", "http://lorempixel.com/200/200/sports/2/", "http://lorempixel.com/200/200/sports/3/", "http://lorempixel.com/200/200/sports/4/" ]
            var num = getRandomArbitrary();
            console.log(num);
            $('#homepage').css({"background":'url('+bgs[num]+')', border : "1px solid"});
            $(this).attr("href" , bgs[num]).text("Description Image " + num);
        });
    }

    function getRandomArbitrary() {
      return parseInt(Math.random() * 4);

}