HTML5Up 溢出如何在圖片上放置鏈接

Question

我為一個項目https://html5up.net/overflow下載了這個 html5 模板，但我不知道如何將 github 的鏈接放在畫廊中顯示的圖片上（那 8 個）我想要當我點擊圖片並展開時，下一次點擊應該將我發送到一個鏈接，而不是滾動下一張或上一張圖片。我試圖檢查代碼，但我發現它對於我的實際水平來說很復雜，無法弄清楚。 我希望我能在這里得到一些幫助 :) 謝謝

編輯：我實際上需要這部分代碼的幫助

            <div class="inner gallery">
                <div class="row gtr-0">
                    <div class="col-3 col-12-mobile"><a href="images/fulls/Pairs.png" class="image fit"><img src="images/thumbs/Pairs.png" alt="" title="A little game in"/></a></div>
                    <div class="col-3 col-12-mobile"><a href="images/fulls/Chrome.png" class="image fit"><img src="images/thumbs/Chrome.png" alt="" title="Dressed in Clarity" /></a></div>
                    <div class="col-3 col-12-mobile"><a href="images/fulls/MP3.png" class="image fit"><img src="images/thumbs/MP3.png" alt="" title="Raven" /></a></div>
                    <div class="col-3 col-12-mobile"><a href="images/fulls/Studenti.png" class="image fit"><img src="images/thumbs/Studenti.png" alt="" title="I'll have a cup of Disneyland, please" /></a></div>
                </div>
            </div>

當我單擊它們兩次時，我想將我發送到其他網站上的其他鏈接

Answer 1

如果我正確理解你想要做什么

更改您的代碼..

<a href="#banner" class="button style2 scrolly-middle">Proceed as anticipated</a>

為了

<a href="https://www...(URL)">Proceed as anticipated</a>

不要忘記刪除 remove class="..."