Slimbox2确定浏览幻灯片的时间

时间:2011-11-10 14:58:52

标签: jquery timer slimbox

使用Slimbox 2查看培训网站的幻灯片。我需要捕捉从打开幻灯片开始到关闭它的时间长度。用户点击链接打开Slimbox以查看幻灯片。查看完所有幻灯片后,他们可以点击关闭按钮或覆盖图片来关闭Slimbox。需要将经过的时间放入PHP会话中,然后由测试页面读取。如何在Slimbox关闭时检测到?以下是当前用于查看幻灯片的代码。非常感谢任何帮助。

$(document).ready(function() {

$("#slideshow").live('click',function(event){

var ratio = 1500 / 1125;
var viewportWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var viewportHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

if  (viewportWidth / viewportHeight > ratio) {
 sheight = viewportHeight *.9;
 swidth = viewportHeight * ratio *.9;
} else {
 swidth = viewportWidth *.9;
 sheight = viewportWidth / ratio *.9;
}
$.slimbox([["images/Slide1.JPG"], ["images/Slide2.JPG"], ["images/Slide3.JPG"]], 0, {slideWidth: + swidth, slideHeight: + sheight});
event.preventDefault();
});
});

1 个答案:

答案 0 :(得分:0)

我的第一个想法是在JavaScript中存储一系列时间戳startSlide1startSlide2等,然后将这些数据传递到您提到的测试页。我假设测试页面是一个单独的页面。如果不是这种情况,您可以简单地使用AJAX调用PHP脚本,并以这种方式处理您的数据。