javascript - 在 Javascript 中添加指向图像的链接

Question

大家好!

首先，我必须告诉您，我是 HTML、Javascript 和一般编码方面的新手。但我花了最后几周的时间来尽可能多地学习。现在，我经营一个网站，但我的开发团队不再与我合作，所以我必须自己做所有事情。

我的问题是:我有一种“大横幅”，显示的图像是根据您的浏览器分辨率自动拾取的(没关系，我要求这样做)。现在，我要做的是为这张图片添加一个超链接。我尝试了很多东西，但我做不到。

你能告诉我如何编辑这段代码吗？

谢谢

三木

<div class="main top">
    <div class="main-holder">
        <div class="cover-holder big-img-holder" id="img-holder">
            <script>
                function randomInteger(min, max) {
                    var rand = min + Math.random() * (max - min)
                    rand = Math.round(rand);
                    return rand;
                }
                var rand = randomInteger(1, {{$lang.extras.number_screenshots_rotations}});

                var picture = document.createElement('picture');
                                    var source = document.createElement('source');
                source.srcset = '{{$config.statics_url}}/images/bg_rotations/extras-' + rand + 'bd_HD.jpg';
                source.setAttribute('media', '(max-width: 2000px)');
                var img = document.createElement('img');
                img.src = '{{$config.statics_url}}/images/bg_rotations/extras-' + rand + 'bd.jpg';

                picture.appendChild(source);
                picture.appendChild(img);
                document.getElementById('img-holder').appendChild(picture);
            </script>
        </div>

Answer 1

通常你可以用HTML标签<a>设置超链接。

所以你可以试试

    <a href="your-URL">
        <div class="cover-holder big-img-holder" id="img-holder">
            <script>
               ...
            </script>
        </div>
    </a>