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

时间:2013-08-26 07:28:50

标签: javascript jquery javascript-events slimbox

我有一个使用slimbox2.js

的图片库

我想知道用户在给定时间正在查看哪个图像。如何获取当前查看的图像? (注意用户无需点击每个图像进行查看,一旦他点击单个图像并加载幻灯片,他就可以使用鼠标点击或箭头键浏览图库中的图像)

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

用户查看了第二张图片,但我不知道,该用户已查看过该图片。我怎样才能捕获这个事件?

我想到的另一种方法是将slimbox2加载到其视图中的图像,此时是否触发任何事件?

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:1)

示例:

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

在上面的函数中尝试获取您想要的用户名。单击它后,您可以记录用户名。