javascript - 知道用户在 slimbox2.js 中查看的图像

Question

我有一个使用 slimbox2.js 的图片库

我想知道用户在给定时间正在查看的图像。如何获取当前查看的图像？（请注意，用户无需单击每个图像即可查看，一旦单击单个图像并加载幻灯片，他可以使用鼠标单击或箭头键浏览图库中的图像）

示例：用户单击图库中的第一张图片。我可以添加一个单击事件侦听器并获取此事件，以记录用户查看了第一张图片。但是如果用户选择单击 slimbox2 中的下一个按钮并查看下一个图像会发生什么。

用户查看了第二张图片，但我不知道，该用户查看了它。我怎样才能捕捉到这个事件？

我想到的另一种方法是获取 slimbox2 加载到其视图中的图像，此时是否触发了任何事件？

score 2 · Accepted Answer

您可以使用 jQuery 获取图像的 URL。

jQuery("#lbImage").css("background-image").toString().replace('url(','').replace(")","")

score 1 · Accepted Answer

例子：

<img class="img-fade" src="img/message.png" id="messages" />
$('#messages').click(function(){
    alert('hi');
}

在上面的函数中尝试获取你想要的用户名。当它被点击时，您可以记录用户名。

2 回答 2