1

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

html结构： 

            <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>');

    }

谢谢。

4

0 回答 0