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