color64를 base64 이미지와 함께 사용하는 방법은 무엇입니까?

Question

color64 이미지를 base64와 함께 사용하려고하는데 슬라이드 쇼에서 이미지를 열 때 클릭해도 열리지 않습니다. 나는 백본 프레임 워크를 사용하고있다.

<!-- html code --> 
<a href="<img src="data:image/png;base64,<%= image %>"/>" title="<%= description %>"> 
    <img src="data:image/png;base64,<%= image %>" alt="" /> 
</a> 

//javascript code 
this.$el.find('ul li > a').attr('rel', 'gallery').colorbox({ 
    maxWidth  : '80%', 
    maxHeight : '80%', 
    opacity  : '0.1', 
    inline  : true, 
    html   : true, 
    loop   : true, 
    slideshow : true, 
    slideshowAuto: false, 
    fixed  : true 
}); 

Answer 1

안녕하세요. fancylightbox 라이브러리로 해결되었습니다.

this.$el.find('ul li > a').fancybox(); 

Answer 2

colorbox에서 base64 이미지를 쉽게 사용할 수 있습니다. 당신은 여전히 ​​가장 쉬운 해결책은 Colorbox 거짓말과는 JPG입니다 그것을 알리는 것입니다 대신 Fancybox의 Colorbox를 사용하려면 당신의 colorbox 초기화

$('a.img_box').colorbox({'photo':true}); 

Answer 3

에서 사진 속성을 넣을 수 있도록 base64로 이미지를 사전로드 된 이미지입니다. 끝 부분에 "# .jpg"를 추가하십시오. 예 :

<a href="<img src="data:image/png;base64,<%= image %>#.jpg"/>" title="<%= description %>"> 
    <img src="data:image/png;base64,<%= image %>" alt="" /> 
</a> 

이렇게하면 쉽게 작동합니다.