单击以使移动图像全屏显示答案

【问题标题】：Make mobile image fullscreen on click for zom单击以使移动图像全屏显示
【发布时间】：2016-12-15 20:44:29
【问题描述】：

我想为我的移动网站图片实现缩放功能。我见过的每个网站都是通过在单击时将图像设为全屏来实现这一点的，然后让用户捏合和缩放。

我的网站有一个不可缩放的视口，所以我不能让他们放大实际网站，我需要调出他们按下的图像。

是否有一个 javascript 插件或者我应该尝试以某种方式自己实现这个？

【问题讨论】：

【解决方案1】：

我的方法是使用 addClass 和 removeClass https://jsfiddle.net/moongod101/5u775ges/
还有一点 css transition

【讨论】：

【解决方案2】：

使用 ToggleClass 效果更好。

如果你想使用漂亮的效果添加过渡。

JQUERY

$(function () {

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

);

【讨论】：