Javascript 模式图像在同一页面中弹出另一个图像

我正在尝试从另一个图像中弹出另一个图像。但是，当我点击图像时，相同的图像弹出 不间断电源。我在哪里添加到其他图像的链接？那么，我应该将指向新图像的链接放在哪里呢。不知道去哪里 它，打开另一个图像。我不熟悉javascript，所以不确定将图像放在哪里

$（“.galeria img”）。单击（函数（）{
$（“#btn前”）.prop（'disabled'，false）；
$（“#btn siguiente”）.prop（'disabled'，false）；
imagen=$（this.attr（“src”）；
$（“.modal body”）.html（“”）；
if（$（'.galeria'）.has（“img[src$='”+imagen+“]]）.find（'img:first'）.attr（“src”）==imagen）{
$（“#btn前”）.prop（'disabled'，true）；
}
if（$（'.galeria'）.has（“img[src$='”+imagen+“]]）.find（'img:last'）.attr（“src”）==imagen）{
$（“#btn siguiente”）.prop（'disabled'，true）；
}
$（'myModal'）.modal（'show'）；
});
$（“#btn信号”）。单击（函数（）{
imagen=$（“img[src$='”+imagen+']）。next（）.attr（“src”）；
$（“.modal body”）.html（“”）；
if（$（'.galeria'）.has（“img[src$='”+imagen+“]]）.find（'img:last'）.attr（“src”）==imagen）{
$（“#btn siguiente”）.prop（'disabled'，true）；
}
if（$（'.galeria'）.has（“img[src$='”+imagen+']）.has（“img[src$='”+imagen+']）.find（'img:first'）.attr（“src”）！=imagen）{
$（“#btn前”）.prop（'disabled'，false）；
}
});
$（“#btn前”）。单击（函数（）{
imagen=$（“img[src$='”+imagen+']）.prev（）.attr（“src”）；
$（“.modal body”）.html（“”）；
if（$（'.galeria'）.has（“img[src$='”+imagen+“]]）.find（'img:first'）.attr（“src”）==imagen）{
$（“#btn前”）.prop（'disabled'，true）；
}
if（$（'.galeria'）.has（“img[src$='”+imagen+“]”）find（'img:last'）.attr（“src”）！=imagen）{
$（“#btn siguiente”）.prop（'disabled'，false）；
}
});
$（“#btn下载”）。单击（函数（）{
窗口打开（imagen）；
});
.modal对话框{
文本对齐：居中；
}
.模态内容{
显示：内联块；
}
.galeria>img{
宽度：200px；
}
galeria:悬停{
光标：指针；
}
#btn下载{
浮动：左；
}
.btn.disabled，
.btn[已禁用]，
字段集[已禁用].btn{
指针事件：无；
光标：不允许；
过滤器：α（不透明度=65）；
-webkit盒阴影：无；
盒影：无；
不透明度：.65；
}
.galeria>img，
.模态体，
.模态内容，
.莫代尔{
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
-o-用户选择：无；
用户选择：无；
}

&时代；