如何使用 lightbox2 打开可滚动的 PDF 或 iframe？

Question

我需要在 Lightbox 中打开 PDF 文件，我尝试使用 Lightbox2，但它似乎不起作用

我确实找到了一个旧答案，它声明在 data-lightbox 中使用 iframe 但它只显示了第一页，因为 Lightbox 在标签中打开我的 PDF 文件

$(document).ready(function() {
        
  lightbox.option({
    'resizeDuration': 200,
    'wrapAround': true
  });
        
});

<p id="my-gallery"><a data-lightbox="iframe" href="./mypdf.pdf">PDF view</a></p>

Answer 1

我想你会发现，除非你 fork/rewrite lightbox2 它是故意 limited to images，它做得很好有很多克隆，包括付费的那些做很少额外的（即也有限到静态图片）

然而，您提到的 Fancybox 有多个版本，version 3 看起来很漂亮，有很多选项。

但到目前为止，最简单的是 Iframe-Box 选项较少，但这可以作为简化的奖励。

<!DOCTYPE html><html lang="en-us">
<head>
  <meta charset="utf-8">
  <title>IFrame-box Example</title>
  <script type="text/javascript" src="https://code.jquery.com/jquery-1.7.2.js"></script>
  <link rel="stylesheet" href="./css/framer.css">
</head>

<body><p style="color :red; ">Introduction, click to 

<a href="http://africau.edu/images/default/sample.pdf" data-framer="iframe-1" data-title="A descriptive caption or instruction<br>
 Can include inline break for second caption line<br> Can include inline break for third caption line<br>Etc.">open a PDF</a>

 Any other page Text </p>
  
<script src="./js/framer.js"></script></body></html>

如何使用 lightbox2 打开可滚动的 PDF 或 iframe？

How to open a scrollable PDF or iframe with lightbox2?

lightbox2