깃털 라이트 갤러리의 이진 이미지 데이터

Question

featherlight plugin의 이진 이미지 데이터를 사용하면 data-featherlight = "image" 매개 변수를 사용하면 올바르게 작동합니다. featherlight gallery에서 이진 이미지 데이터를 사용하면 이미지가 올바르게 표시되지만 갤러리로 함께 연결되지는 않습니다. 이 같은 기본 featherlight 구문을 사용하여 다음은 간단한 jsfiddle

는 :

<a href="data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7" data-featherlight="image"> 
    <img src="data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7" /> 
</a> 

Answer 1

난 그냥 바이너리 이미지 데이터가 Featherlight 갤러리에 함께 이미지를 연결하지 않는 문제를 아무것도 할 필요가없는 것을 발견 .

이미지를 동적으로 추가하고 이는 Featherligth를 바인딩 한 후에 발생합니다. 그래서 수동으로 바인딩해야만 모든 것이 정상적으로 작동합니다.

$(".gallery").featherlightGallery();