How to give for each image a different link in a For

so I made a for to get all the images, but I also want that each image has a own link (when you click on it). how do I do that?

<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

via Augurkturk