如何前进和后退阵列？

Question

我有一个如下所示的数组/对象：

{
    “Food’ : [{‘ImagesId”: ”38”, ”ImagesPath”: ”url”, ”Tag”: ”Food”}],
    “Sport’: [{‘ImagesId”: ”64”, ”ImagesPath”: ”url”, ”Tag”: ”Sport”}]
}

我希望能够一次显示一个图像，并有按钮前进和后退图像。我需要一个描述当前查看图像的变量。

以下是我目前拥有的内容，它允许我向前移动数组但不返回。我只想要一个简单的函数，随机化上面的数组，一次显示一个图像，并允许用户前后移动图像。

最后我需要像window.currentlyShown

这样的东西

function receivedData(data) {
      function changeOfferPicture() {
           if (window.currentlyShownOffer) {
               var tagArray = data[window.currentlyShownOffer.Tag];
               tagArray.splice(tagArray.indexOf(currentlyShownOffer), 1);
               //alert(window.currentlyShownOffer.ImagesId);
           }


           var tags = Object.keys(data);
           var randomTag = tags[Math.floor(Math.random() * tags.length)];
           var tagArray = data[randomTag];
           window.currentlyShownOffer = tagArray[Math.floor(Math.random() * tagArray.length)];
           window.shownCache.push(window.currentlyShownOffer);
           document.getElementById('top5').src = window.currentlyShownOffer.ImagesPath;
      };
}