未捕获的TypeError：无法读取未定义的属性'src' - Gallery Implementation

Question

我有一个JSON图像，我正在尝试实现一个图库。我有一个网页，其中包含图片的所有缩略图。当有人点击图片时，应该打开它进行查看。 （在不同的网页中），应该有下一个和上一个按钮。现在，我的问题是我点击的图像没有显示，并且控制台给出了Uncaught TypeError的错误：无法读取未定义的属性'src'。当点击上一个或下一个时，这些图像显示正常，只有第一个图像不显示。

这是我的代码：

if (readCookie("kookie")!=null) {
            var temp = readCookie("kookie");
            i = parseInt(temp);
            $.ajax ({
                  url: "items.json",       
                  type:"GET",
                  dataType: "json",
                  success: function(data) { 
                    items=data;
                  }
            });
           eraseCookie("kookie");
           show(i);


        }

我正在使用“kookie”来获取点击图片的索引。

这是我的节目，上一个和下一个功能。

function previous() {
            if (i<0) i=items.length-1;
            else i--;
            show(i);
        }

function next() {
            if (i==items.length) i=0;
            else i++;
            show(i);
        }

function show (i) {
            $("#image-placeholder").html("<div><img src = '"+items[i].src+"'></div>");
        }