Javascript 滚动灯箱图库

我有一个滚动图库，我需要添加一个选项，点击其中一张图片，点击的图片将覆盖100%的屏幕高度和宽度，滚动条仍将出现在图片下方，以便移动到下一张或上一张图片，这些图片的大小也将达到屏幕的100%

应该这样

这是第一个示例中的图库：

$（'.imageWrapper img'）。单击（函数（）{
$（'.scrolls img'）.css({
“宽度”：“100%”，
“高度”：“100%”
});
$（'.footerclass'）.css({
“显示”：“无”
});
});
.wrapper{
保证金：自动；
文本对齐：居中；
位置：绝对位置；
底部：0；
宽度：100%；
}
.卷轴{
溢出-x：滚动；
溢出y：隐藏；
空白：nowrap；
} 
.scrolls img{
宽度：275px；
光标：指针；
显示：内联块；
显示：内联；
右边距：-5px；
垂直对齐：顶部；
}
.imageWrapper{
显示：内联块；
位置：相对位置；
边缘底部：120px；
}
.img{
显示：块；
}

如果您想显示用户单击的特定图片，那么我建议使用
$（this）.css（）
选择器而不是
$（.scrolls img）.css（）
来更准确地指向要100%渲染的图像。
您说希望图像覆盖100%高和100%宽。你想让它拉伸还是丢失部分图像？我想让它拉伸，这应该会有帮助，但我如何设置其他所有图片也将100%，以便用户能够滚动到其他图片？我不确定。这可能会更容易，只是使用一个库来照顾你的选择？我需要的是，滚动选项将在点击图片后可用