jQuery - 使用iframe的Fancybox

Question

我正在使用带有iframe的Fancybox来加载数据库中的PDF文件。主要思想是在普通页面上我有内容表，每行包含字段“显示发票”，例如：

否|标题| PDF文件|操作

1. |发票1 |显示inovice |修改

2. |发票2 |显示inovice |修改

1. |发票3 |显示inovice |修改

现在，假设“显示发票”是链接：

... ...

因此，点击链接我将会在我的PDF文件将被加载的页面上结束，但我希望这些PDF文件在FancyBox中左右各有箭头。 我设法连接一切正常，但我不能强迫FancyBox左右显示箭头，这样我就可以一个接一个地显示其他PDF文件。

有什么想法，建议吗？

而且，这就是我调用fancybox的方式（当然，我将jQuery和funcybox链接在一起）：

$(document).ready(function(){
 $(".iframe").fancybox({

    'transitionOut' :'elastic',
    'speedIn'  :600, 
    'speedOut'  :200, 
    'width'  :1020,
    'height'  :1000,
    'titleShow'  :false,
    'hideOnOverlayClick':false,
    'hideOnContentClick':false
 });
});

Answer 1

Fancybox不关心它使用的是哪种方法，只需确保在同一个图库中的所有链接上放置相同的rel属性（即rel="pdfGallery"，{{1} }）。

旁注...如果您在链接中使用rel="imgGallery"来触发iframe类型的fancybox，请将其删除并添加?iframe作为您的fancybox设置中的最后一个选项。它会让你的javascript更有效率。