Html 如何在聊天框中单击图像时全屏显示图像

如何在聊天框中单击图像时在屏幕上全屏显示图像

我试着在点击图像时它不会在总屏幕上打开图像mot显示

就像下面我们想要的

$（文档）.on（'click'，'im'，函数（）{
$（“.popphoto”）.toggle（函数（）
{
$（this）.animate（{width:“400px”}，'slow'）；}，
函数（）
{$（this）.animate（{width:“120px”}，'slow'）；
});
});

试试这个：


$（'#im'）。单击（函数（）{
$（'#divload'）.show（）；
});



欢迎使用堆栈溢出！希望您至少尝试自己编写此代码。堆栈溢出不是代码编写服务。我建议你做一些额外的研究，要么通过谷歌，要么通过搜索，尝试一下。如果您仍然有问题，请返回您的代码，并解释您尝试了什么以及为什么它不起作用。有一个名为
lightbox
的插件，它可以使背景变暗，并按照您的要求全屏显示图像。阅读以更好地理解Ingalorika，它正在工作，但它看起来像是在另一个页面中打开的图像，我们只想在该页面中打开。就像我们想这样，但在该图像不是全屏打开，它是在同一页打开。我刚刚在div的帮助下在整个身体上做了一个覆盖，并将图像放在div内。我尝试了屏幕截图并修改了问题，请看一下