我的灯箱中的图像无法打开多次

Question

我有一个约有40张图片的灯箱。当我第一次点击它时，图像打开并运行。我可以关闭它并再次点击它，弹出框，但没有图像。如果我点击另一张图片，它就可以了。然后我可以回到原始图像并单击它将再次工作。但我不能连续两次打开它。如果它可以帮助您回答这个问题，那么这是我的jQuery代码：

function light_on（）{                 $（＆＃39; #dark＃light＆＃39;）。stop（true）.height（0）;

            var theSrc = $(this).find('img').attr('src');
            $('#dark #light .target img').attr('src',theSrc);

            $('#dark #light .target img')
                .stop(true)
                .css({'opacity':'0'})
                .load(afterLoad);

            var height = $('#dark #light .target img').load(afterLoad);

            function afterLoad() {
                var height = $('#dark #light .target img').height();

                $('#dark #light').animate({'height':height},700,afterHeight);
                console.log('working');
            }

            function afterHeight(){
                $('#dark #light .target img').stop(true).animate({'opacity':'1'},1000);

            }

            $('#dark').show();

        }

        function light_off() {
            $('#dark #light .target img').stop(true).animate({'opacity':'0'},1000);

            $('#dark').hide();
        }

        $('#gallery .piece').click(light_on);
        $('#dark #light .close').click(light_off);