javascript - 用一个 220 插件制作画廊

Question

我使用一个 js 插件二十二十。有用。但是我想通过js创建一个画廊。但是当我尝试应用 display:block 时，图像无法正确显示。

这是正常图片的css：

#twins_compare{
    position:absolute;
    overflow: hidden;
    top:2400px;
    left:15%;
    width:200px;
}    

html:

<div id = "gallery">
<div id = "twins_compare" >
    <img src = "{{url_for('static', filename = 'images/twins_before.jpg')}}" >
    <img src = "{{url_for('static', filename = 'images/twins_after.jpg')}}" >
</div>

我添加的内容：

#gallery div{
display:none;}
#gallery div:first-child{
display:block;}    

图片看起来很奇怪:(请帮忙。