Question

所以我做了一个for来获取所有图像，但我也希望每个图像都有自己的链接（当你点击它时）。我该怎么做？

<div class="container">

    <h2>Champions</h2>
    <hr>    

    <?php $champions = array("Ahri", "Akali", "Alistar", "Amumu", "Anivia", "Annie", "Ashe", "Blitzcrank", "Brand", "Caitlyn", "Cassiopeia", "Chogath", "Corki", "DrMundo", "Evelynn", "Ezreal", "FiddleSticks", "Fiora", "Fizz", "Galio", "Gangplank", "Garen", "Gragas", "Graves", "Hecarim", "Heimerdinger", "Irelia", "Janna", "JarvanIV", "Jax", "Karma", "Karthus", "Kassadin", "Katarina", "Kayle", "Kennen", "KogMaw", "Leblanc", "LeeSin", "Leona", "Lulu", "Lux", "Malphite", "Malzahar", "Maokai", "MasterYi", "MissFortune", "Mordekaiser", "Morgana", "Nasus", "Nautilus", "Nidalee", "Nocturne", "Nunu", "Olaf", "Orianna", "Pantheon", "Poppy", "Rammus", "Renekton", "Riven", "Rumble", "Ryze", "Sejuani", "Shaco", "Shen", "Shyvana", "Singed", "Sion", "Sivir", "Skarner", "Sona", "Soraka", "Swain", "Talon", "Taric", "Teemo", "Tristana", "Trundle", "Tryndamere", "TwistedFate", "Twitch", "Udyr", "Urgot", "Varus", "Vayne", "Veigar", "Viktor", "Vladimir", "Volibear", "Warwick", "MonkeyKing", "Xerath", "XinZhao", "Yorick", "Ziggs", "Zilean");?>
    @for ($i = 0; $i < count($champions); $i++)

            <span class="col-lg-3 col-sm-12">

            <img class="img" src="http://ddragon.leagueoflegends.com/cdn/6.24.1/img/champion/<?php echo $champions[$i]?>.png">  

            </span>
    @endfor

Answer 1

试试这个：

<div class="container">

    <h2>Champions</h2>
    <hr>    

    <?php $champions = array("Ahri", "Akali", "Alistar", "Amumu", "Anivia", "Annie", "Ashe", "Blitzcrank", "Brand", "Caitlyn", "Cassiopeia", "Chogath", "Corki", "DrMundo", "Evelynn", "Ezreal", "FiddleSticks", "Fiora", "Fizz", "Galio", "Gangplank", "Garen", "Gragas", "Graves", "Hecarim", "Heimerdinger", "Irelia", "Janna", "JarvanIV", "Jax", "Karma", "Karthus", "Kassadin", "Katarina", "Kayle", "Kennen", "KogMaw", "Leblanc", "LeeSin", "Leona", "Lulu", "Lux", "Malphite", "Malzahar", "Maokai", "MasterYi", "MissFortune", "Mordekaiser", "Morgana", "Nasus", "Nautilus", "Nidalee", "Nocturne", "Nunu", "Olaf", "Orianna", "Pantheon", "Poppy", "Rammus", "Renekton", "Riven", "Rumble", "Ryze", "Sejuani", "Shaco", "Shen", "Shyvana", "Singed", "Sion", "Sivir", "Skarner", "Sona", "Soraka", "Swain", "Talon", "Taric", "Teemo", "Tristana", "Trundle", "Tryndamere", "TwistedFate", "Twitch", "Udyr", "Urgot", "Varus", "Vayne", "Veigar", "Viktor", "Vladimir", "Volibear", "Warwick", "MonkeyKing", "Xerath", "XinZhao", "Yorick", "Ziggs", "Zilean");?>
    @for ($i = 0; $i < count($champions); $i++)

            <span class="col-lg-3 col-sm-12">

            <a href="http://gameinfo.euw.leagueoflegends.com/en/game-info/champions/<?php echo strtolower($champions[$i]); ?>" target="_new"><img class="img" src="http://ddragon.leagueoflegends.com/cdn/6.24.1/img/champion/<?php echo $champions[$i]?>.png"></a>

            </span>
    @endfor

对于不同的链接，只需修改href="http://ddragon.leagueoflegends.com/cdn/6.24.1/img/champion/<?php echo $champions[$i]; ?>.png"

即可

例如，我想打开Yahoo：href="http://yahoo.com"

如果您不喜欢新窗口（新标签页），请删除target="_new"

Answer 2

您可以按如下方式将图片链接到链接：

简单地将其包装在＆＃34; a＆＃34;标签

<a href="PUT_YOUR_CUSTOM_LINK_HERE">
<img class="img" src="http://ddragon.leagueoflegends.com/cdn/6.24.1/img/champion/<?php echo $champions[$i]?>.png">
</a> <!-- close link tag-->

Answer 3

要为图片添加链接，只需将其打包：

      <?php $champions = array("Ahri", "Akali", "Alistar", "Amumu", "Anivia", "Annie", "Ashe", "Blitzcrank", "Brand", "Caitlyn", "Cassiopeia", "Chogath", "Corki", "DrMundo", "Evelynn", "Ezreal", "FiddleSticks", "Fiora", "Fizz", "Galio", "Gangplank", "Garen", "Gragas", "Graves", "Hecarim", "Heimerdinger", "Irelia", "Janna", "JarvanIV", "Jax", "Karma", "Karthus", "Kassadin", "Katarina", "Kayle", "Kennen", "KogMaw", "Leblanc", "LeeSin", "Leona", "Lulu", "Lux", "Malphite", "Malzahar", "Maokai", "MasterYi", "MissFortune", "Mordekaiser", "Morgana", "Nasus", "Nautilus", "Nidalee", "Nocturne", "Nunu", "Olaf", "Orianna", "Pantheon", "Poppy", "Rammus", "Renekton", "Riven", "Rumble", "Ryze", "Sejuani", "Shaco", "Shen", "Shyvana", "Singed", "Sion", "Sivir", "Skarner", "Sona", "Soraka", "Swain", "Talon", "Taric", "Teemo", "Tristana", "Trundle", "Tryndamere", "TwistedFate", "Twitch", "Udyr", "Urgot", "Varus", "Vayne", "Veigar", "Viktor", "Vladimir", "Volibear", "Warwick", "MonkeyKing", "Xerath", "XinZhao", "Yorick", "Ziggs", "Zilean");?>
@for ($i = 0; $i < count($champions); $i++)

                    <span class="col-lg-3 col-sm-12">

 <a href="http://ddragon.leagueoflegends.com/cdn/6.24.1/img/champion/<?php echo $champions[$i]?>.png">
     <img class="img" src="http://ddragon.leagueoflegends.com/cdn/6.24.1/img/champion/<?php echo $champions[$i]?>.png">  

    </a>
                    </span>
            @endfor

如何为每个图像赋予一个不同的链接

3 个答案: