モバイルイメージをzomのためにクリックすると全画面表示にする

Question

モバイルウェブサイトの画像にズーム機能を実装したい。私が見たすべてのウェブサイトは、クリックすると画像をフルスクリーンにすることでこれを行い、ユーザーはそれをピンチとズームすることができます。

私のウェブサイトはスケーラビリティのないビューポートを持っているので、実際のウェブサイトを拡大するだけでは不十分です。私が押した画像を表示する必要があります。

これにはJavaScriptプラグインがありますか、これを何とか実装しようとしますか？これを使用しているこれを行うには

Answer 1

私の方法はaddClassと https://jsfiddle.net/moongod101/5u775ges/
removeClassとtransition

Answer 2

もっとToggleClassを使用して、より良いCSSの少しを使用しています。

いい効果を使用したい場合は、トランジションを追加します。

jQueryの

$(function() { 

    $('.small').click(function(){ 
     $('.small').toggleClass('full'); 
     $('body').toggleClass('dark') 
    }) 

); 

DEMO