尝试编辑模板以显示 PDF

Question

正如标题所示，我正在尝试编辑一个模板来显示 PDF。单击链接时，原始模板会在灯箱中显示图像，但是当我将 href 更改为 PDF 文件时，它不会加载（这是我所期望的，我只是不知道如何修复它，因为我'我对编码相对较新）。这是它的代码：

<div class="col-md-4 col-sm-6">
    <div class="item">
        <div class="thumb">
            <a href="script/Passing Time.pdf" data-lightbox="image-1"><div class="hover-effect">
                <div class="hover-content">
                    <h2>Passing Time</h2>
                    <p>At the end of Myla's life, she meets the one person to change it forever.</p>
                </div>
            </div></a>
            <div class="image">
                <img src="img/first_item.jpg">
            </div>
        </div>
    </div>
</div>

我知道我可以删除“数据灯箱”部分来显示 pdf，但我想看看是否有人知道如何使其在视觉上更具吸引力。 非常感谢任何帮助！

Answer 1

LightBox（现在的 LightBox2）无法支持除图像/类型之外的“媒体类型”，这些是 HTML 的自然扩展。

HyperTextML 是一个文本网页，您可以在其中无边框固定图像媒体，例如

<img src="protocol://"

，因此您可以使用任何图像作为 base64.txt URI 或外部图像资源 https://

PDF 媒体（应用程序/pdf）需要不同类型的

<embed> <i[nline]frame> of <object>

因此需要一种完全不同类型的模态。

周围有几个，但推荐会偏离主题，因此这个

回答

就是你不能使用Lightbox。

参见https://github.com/lokesh/lightbox2/issues/454