Javascript 使用Fancybox2和CSS打印

我已经搜索并试图让它工作，但我不知道我做错了什么。我正在尝试使用css中的@media print从fancybox打印。到目前为止，我还无法在屏幕上显示按钮或链接。这是我的密码

CSS

HTML

$（文档）.ready（函数（）{
$（'.fancybox'）。fancybox({
beforeShow:function（）{link=''；$（'#fancybox close'）。before（link）；}
}); 
});

---

我错过了什么

可能是重复的，我试图让它与@media打印一起工作，因为它在打印之前没有拉出单独的html页面。使用列出的链接中的代码（我以前使用过），我可以打印图像，但是如果我打开图像库，只有第一个图像会打印。如果用户滚动到另一张照片，则无法再打印。甚至连原版都没有。有什么方法可以解决这个问题吗？请参阅我的Edit#2 at以获得fancybox v2图像库的工作解决方案。谢谢！那很有效！在进一步检查之后，我发现attr（“rel”，“gallery”）设置导致我的库出现问题，因为在同一页面上有多个库使用rel属性对它们进行分组。它还导致了重复缩略图的单击功能出现问题，而我只需要一张图库图像。我从函数定义中删除了attr（“rel”、“gallery”），打印仍然正常。我认为这是因为我在定义图像链接中的“rel”值。有什么理由我不应该这样做吗？

@media print
{
body * { visibility: hidden; }
#fancybox-content * { visibility: visible; }
#fancybox-content {position:fixed; top: 5px; left: 5px; }
}

#print-link {
position: absolute;
top: -12px;
left: -15px;
height: 32px;
width: 85px;
background: url("../images/drawings/fancybox/print.png") top left no-repeat;
cursor: pointer;
z-index: 1103;
}

$(document).ready(function(){           
      $('.fancybox').fancybox({
        beforeShow: function(){link = '<a id="print-link" href="javascript:window.print()"></a>';$('#fancybox-close').before(link);}                
    }); 
});