이미지를 클릭하면 전체 크기로 표시됩니다.

Question

검도 모바일과 cordova plugins을 사용하고 있습니다.

사용자 프로필 사진을 클릭하면 사용자에게 프로필 사진이 전체 화면으로 표시되어야하는 시나리오가 있습니다.

plugin이 있으면 알려주십시오. 도움이 될만한 정보가 있으면 base64 format으로 데이터베이스에 이미지를 저장하고 있습니다. 나는 사전

Answer 1

당신은 싶어 어떤 플러그인을 사용하지 않는 경우, 그래, 당신이 Queness하여 간단한 jQuery Modal Window 기술을 사용할 수있는 Knockout js to bind image in Base64 format

감사를 사용하고

. 거의 동일한 코드를 사용하고 이러한 변경을하십시오.

<a class="image-thumb" href="image.jpg"> 
    <img src="image-thumb.jpg" alt="Image" /> 
</a> 

그리고 코드에서, 당신은이 방법을 변경할 수 있습니다

$('a.image-thumb').click(function(e) { 

이미지를 만들기위한

또한 변경 모달 창에 표시 할 ,이 같은 것을 수행 할 수 있습니다

<div id="dialog" class="window"> 
    <img src="" alt="Image" /> 
</div> 

을

그리고 JavaScript를 사용하여 바꿔야합니다! 대신 :

$(id).fadeIn(2000); 

사용이 방법 :

$(".window").find("img").attr("src", $(this).attr("href")); 
$(".window").fadeIn(2000); 

가 당신이 간다! :)