Question

我在示例文件中看到了一些我认为可能有效的警报但是看到onDownload并想知道是否有解决方法。

特别是当具有活动SessionID的登录用户右键单击Colorbox叠加层中的图像时，我想捕获sessionID，组和下载的图像。

当前示例

$(".aw14image").colorbox({rel:'aw14image', transition:"none", width:"75%", height:"75%"});
$('a.aw14title').colorbox({title:function () {
                return "To download full set, " + "click here!".link("goes to a tracked download page for the collection of images");
                }});

已关联html元素

<a class="aw14image aw14title" style="visibility:hidden;"href="productimages/Alienware_14_Laptop/02.jpg"></a>

Answer 1

很棒的建议！

首先，我禁用右键单击下载的cboxPhoto元素：

//Disable Right Click on photo to save
        $('.cboxPhoto').live("contextmenu", function(e) {
        return false;
        });

然后将$（this）.data（＆＃39; image-link＆＃39;）添加到我必须下载图片集ZIP的标题链接中：

//Define the Title links
        $('a.aw14title').colorbox({title:function () {
        return  $(this).data('image-link') +  "<br>To download full set, " + "click here!".link   ("/ASP/PageStat.asp?VID=45&amp;Page=Resources_Images_Alienware_14Laptop_ZIP&amp;Link=http://www.liveandlearndell.com/resources/productimages/Alienware 14 Laptop.zip");
                }});

最后，我将独特的下载路径和跟踪添加到集合中每个图像对象的数据图像链接中：

data-image-link=" Right click to &#8220;save as&#8221; <a href='http://dev.liveandlearndell.com/ASP/PageStat.asp?VID=45&amp;Page=Resources_Images_Alienware_14Laptop_01&amp;Link=http://www.liveandlearndell.com/resources/productimages/Alienware_14_Laptop/01.jpg' target='_blank'>click here</a> or open in new window to &#8220;save as&#8221; image download"

它有效，但很笨重，因为它要求每个图像对象都使用特定的数据 - 图像链接进行编码...问题2：

我可以使用动态方法识别彩盒叠加层中显示的当前图像名称和下载路径吗？

我想跟踪从Colorbox叠加层下载图像的时间

1 个答案: