使用jquery fancybox时，捕获图像视图的计数

Question

当用户点击Fancybox中的下一个/上一个按钮时，有没有人知道如何捕获图像ID？我喜欢Fancybox如何根据图像的大小而改变，所以我更喜欢在我见过的其他一些画廊中使用它。有没有人成功完成这个？该网站是PHP。

Answer 1

一般的想法是通过PHP脚本“代理”您的图像。

此脚本将：

1. 将1添加到图像的视图计数
2. 将图像提供给浏览器（而不是像往常一样提供HTML页面）

然后，您将更新图片src标记的img属性：

<img src="mypicture.png"/>

会变成

<img src="view_picture.php?picture=1"/>

请注意，必须要小心，不要在图片参数中授权文件名和/或检查用户是否没有尝试查看您不想要显示的文件（想想view_picture.php？picture = .. /。htpasswd）

Answer 2

考虑使用常规网站分析软件，例如Piwik。这将为您提供有关您的访问者及其在您网站上的操作的更多见解，而不是简单的图片查看计数器。

我正在运行使用Fancybox和Piwik的网站，所有通过Fancybox的图片视图都会自动显示在Piwik报告的下载部分，而无需任何其他配置。

但您可以通过Fancybox的onComplete回调和Piwik的trackPageView()轻松自定义此内容。有关详细信息，请参阅Piwik Javascript API和Fancybox API。