通过每个不同的图像在旋转木马/灯箱内容中添加链接

Question

这是我的问题：我在旋转木马中有一个ligthbox，我希望在灯箱中的每个图像加载时显示不同的链接，而不是之前。我这样做是通过在html结构中添加一个链接。但是每个图像的链接都不同，所以我需要通过src属性识别每个图像，然后在加载图像时添加我想要的链接。这就是我所拥有的，我不知道如何遵循......

html struture：         

            <a href="images/lightbox/yamm.jpg" class="lb_gallery"  ><img src="images/lightbox/01_thumb.png"/></a> 
            <a href="images/lightbox/blog.jpg" class="lb_gallery" ><img src="images/lightbox/02_thumb.png" /></a>
            <a href="images/lightbox/asisaden.jpg" class="lb_gallery" ><img src="images/lightbox/03_thumb.png" /></a> 
            <a href="images/lightbox/interiordetalle.jpg" class="lb_gallery"><img src="images/lightbox/04_thumb.png" /></a> 

     </div>

我的js代码：

    var $img = document.getElementsByTagName("img");
    var src = $img.attr("src");
    if(src == 'images/lightbox/yamm.jpg') {
    $("#ui-lightbox-enlace-wrapper").append('<a href="#" target="_blank">
    Link text</a>');

    }

感谢。