태그없이 featherlightGallery.js 사용하기

Question

Lightbox에 lightbox 용 플러그인을 사용하고 있습니다. 이미지 슬라이더에 이미지가 포함되어 있고 이미지는 태그가 아니지만 다음/이전을 클릭해도 아무 것도로드되지 않는 것 같습니다. , 그냥 빈 라이트 박스. 그러나 첫 번째 이미지가 작동합니다. 나는 콘솔 오류 : 제대로 다음 이미지를 선택하지 것처럼

GET http://url.com/undefined 404 (Not Found)

그래서이 보인다.

$('.slider img').featherlightGallery({ 
    targetAttr: 'src', 
    type: 'image', 
    gallery: { 
     previous: '', 
     next: '' 
    } 
}); 

그 이미지의 HTML은 : 라이트를 호출

JS는

<div class="slider"> 

     <img class="is-active" src="http://url.com/image.jpg" alt="" data-slide-id="0"> 

     <img src="http://url.com/image.jpg" alt="" data-slide-id="1"> 

     <img src="http://url.com/image.jpg" alt="" data-slide-id="2"> 

     <img src="http://url.com/image.jpg" alt="" data-slide-id="3"> 

    </div> 

건배. 이에

$img[0].src = $nx.attr('href');

:

$img[0].src = (typeof $nx.attr('href') === 'undefined') ? $nx.attr('src') : $nx.attr('href');

Answer 1

이 라인을 변경하여 고정 된 것 같다