Question

我使用Photoswipe Ver 4.1.1查看图像。在HTML标记中，我有一个名为＆＃39; star-rating＆＃39;这个数字是一个数字。在Photoswipe初始化中，我将此值添加到Item []数组中，如此...

代码约为＃835行

// create slide object
item = {
    src: el.getAttribute('href'),
    w: parseInt(size[0], 10),
    h: parseInt(size[1], 10),
    author: el.getAttribute('data-author'),
    star: el.getAttribute('star-rating'),
};

在下面的功能中改变指数指标，我得到星级评定值并将其显示在photoswipe灯箱的左上角。

ui.updateIndexIndicator = function()
    if(_options.counterEl) {

    _indexIndicator.innerHTML = (pswp.getCurrentIndex()+1) + 

            _options.indexIndicatorSep + 

            _options.getNumItemsFn();

}
    //THESE LINES DISPLAYS THE STAR RATING FOR THE IMAGE FROM ITEMS[] ARRAY.
    var s = document.getElementById("txtStarRating");
    s.innerHTML = pswp.currItem.star || '';     
};

我右上方的缩放按钮旁边还有一个图标。单击此图标会显示一个弹出窗口，并且可以更改星级。我可以更新txtStarRating，但我很难知道如何更新 Items [] array。

我已经尝试为＆＃39; txtStarRating＆＃39;创建一个监听器。更改事件，但我无法使用＆＃34; pswp.currItem.star＆＃34;访问当前图像的items []变量。这将使PREV和NEXT按钮的数据保持同步。我还会更新HTML属性＆＃39;星级评分＆＃39;并使用Ajax将值保存到数据库。

这是一个范围问题，或者缺乏关于如何创建可访问函数的知识。或者，也许这是变量名称的语法问题＆＃39; pswp.currItem.star＆＃39;。

有什么想法吗？

如何将星级应用于Photoswipe中的图像

0 个答案: