2016-12-08 51 views
1

圖片顯示我使用劍道手機cordova plugins構建我的應用程序。點擊進入

我有一個場景,我需要向用戶顯示他/她的個人資料圖像在全屏時點擊用戶個人資料圖片。

如果有任何plugin可用,或者如果有任何可能幫助我的信息,我建議我將圖像存儲在數據庫中作爲base64 format

我使用提前

+0

歡迎來到SO。請訪問[幫助]瞭解如何以及要問什麼。建議:發佈工作量和代碼。在這種情況下,你很幸運有人回答,但沒有顯示你已經嘗試過,你真的有風險將你的問題投下來並關閉 – mplungjan

回答

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); 

你去那裏! :)

+0

@謝謝,它的單擊圖片,如果萬一我有朋友列表綁定聯繫人檔案pic den如何動態使用它 –

+0

然後你必須動態綁定一些獨特的數據屬性並顯示它。 –

+0

謝謝,是否有任何它的例子,或者它可能會幫助我的任何文檔 –