Jquery和Javascript在从外部divs单击时滚动图像

我有一个我建立的灯箱，你可以在一个有图像的div上，然后图像在一个新的div中以灯箱效果打开更大。我想要有箭头，你可以点击它在其他外部div的图像上前后滚动。我不熟悉JQuery和javascript，我已经尝试了我能想到的每一种方法，但我只是缺少了一些关于如何让它工作的东西。我已经附上了我的代码作为参考的基础

high和show代码也不起作用，因为出于某种原因，它没有检测到其他div

$（文档）.ready（函数（）{
$（“img”）。单击（函数（）{
$src=$（this.attr（“src”）；
$title=$（this.attr（“title”）；
$alt=$（this.attr（“alt”）；
如果（！$（“#灯箱”）。长度>0）{
$（'body'）.append（“X>问题在于，在获取next（）之前，nextimg选择器没有访问父对象，因此没有下一个元素。请告诉我更新的代码段是否有效。我还设置了它，以便在没有下一个或上一个图像时隐藏下一个/prev按钮


$（文档）.ready（函数（）{
$（“img”）。单击（函数（）{
$（this）.addClass（'已选定'）
$src=$（this.attr（“src”）；
$title=$（this.attr（“title”）；
$alt=$（this.attr（“alt”）；
如果（！$（“#灯箱”）。长度>0）{
$（'body'）.append（“X>我认为您也需要将其添加到previmg选择器中。非常感谢！！！这非常有效。在没有其他选项时，我仍然需要修复隐藏和显示，但这正是我所需要的。我还添加了以前的选项。谢谢！）很高兴它起作用了，你想让我编辑答案来修复隐藏和显示吗？如果你想，那就太好了。我尝试了一些事情，但失败了。只是不熟悉父/子处理。JQuery和javascript新手。也这么做了，如果它起作用并且你的问题已经得到了回答，请继续并将此答案标记为AcceptD