Cordova - 画像をフルスクリーンで開く方法（ループ+ jQuery用）

Question

localStorageに画像を保存すると、値はbase64でエンコードされた画像になります。 その関数はlocalStorageをループし、キーと値を取得し、jQueryはそのイメージをhtmlに追加します。 私の質問は、画像のこれらの生成されたリストをタップで全画面表示できるようにするにはどうすればいいですか？

function show() { 
    $("#gallery").empty(); 
    for(var i=0, len=localStorage.length; i<len; i++) { 
    var key = localStorage.key(i); 
    var value = localStorage[key]; 
    $('#gallery').append('<img src=data:image/jpeg;base64,' + value + ' </img>'); 
    } 
} 

私の問題がはっきりしていることを願っています。これは私の最初の質問です。 答えをありがとう！

Answer 1

jqueryの：

$('#gallery').on('click', 'img', function(){ 
    $(this).toggleClass('fullscreen'); 
}); 

はCSS：

.fullscreen { 
position: fixed; 
top: 0; 
left: 0; 
right: 0; 
bottom: 0; 
} 

これは、ユーザーが画像をクリックすることを可能にし、その後、フルスクリーンでない場合は、それをフルスクリーンおよびその逆になります。

クリックしてではなく、電話のような「タップ」について具体的に話している場合は、jQueryモバイルを取得し、上記のjqueryコードの「タップ」と置き換える必要があります。