Safari 阅读器模式不显示灯箱图像答案

【问题标题】：Safari reader mode does not show Lightbox imagesSafari 阅读器模式不显示灯箱图像
【发布时间】：2015-09-14 03:52:12
【问题描述】：

我最近在我的网站上实施了 Lightbox，以在现代弹出窗口中显示图像。它在所有浏览器的正常网站模式下都能正常工作。但是，如果我切换到 Safari 阅读器模式，则不会显示图像。甚至很糟糕：纯文本在第一张图像上结束，因此用户无法继续阅读。似乎 Lightbox 或我在 HTML 中使用它的方式与阅读器模式不兼容。我在这里做错了什么？这是原始的 HTML 代码。

<br><br>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border: solid 0px #f0f0f0;padding: 0px;background-color:#f0f0f0;">
<tr>
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<a href="bilder/artikel/g8bpart2/g8bpart2_000.jpg" data-lightbox="bilder/artikel/g8bpart2/g8bpart2_000.jpg" data-title="C64 &bdquo;Aldi&ldquo; (1987) mit empfohlenem Basis-Setup. (Bild:&nbsp;Stefan&nbsp;Vogt)"><img src="bilder/artikel/g8bpart2/g8bpart2_000.jpg" title="C64 &bdquo;Aldi&ldquo; (1987) mit empfohlenem Basis-Setup. (Bild:&nbsp;Stefan&nbsp;Vogt)" alt="C64 &bdquo;Aldi&ldquo; (1987) mit empfohlenem Basis-Setup. (Bild:&nbsp;Stefan&nbsp;Vogt)" width="660px" vspace="0"></a>
</td>
</tr>
</table>
<table class="bild_text" style="padding: 5px;" align="center" width="660px" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<span style="color: #333333;">C64 &bdquo;Aldi&ldquo; (1987) mit empfohlenem Basis-Setup. (Bild:&nbsp;Stefan&nbsp;Vogt)</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br>

感谢您的帮助。

【问题讨论】：

标签： image browser safari lightbox reader

【解决方案1】：

阅读器模式消除了风格化、不相关的图像、自定义字体、广告、社交分享按钮以及其他许多可能会分散网页注意力的内容。 Safari 阅读器将检测包含标题元素 ( to ) 的或块级元素，后跟一定数量的文本。当内容文本（不包括标题）超过 2,000 个字符时，将显示读者徽章。它并非旨在显示灯箱之类的弹出窗口，仅以可读形式显示文章内图像和文本。它基于Readability 简而言之，您似乎无法为此启用灯箱

【讨论】：

非常感谢。包含带有图像的表格的 HTML 代码由 PHP Include 包含。即使我删除了灯箱特定标签，阅读器也不会显示包含的代码。所以这不是灯箱问题。问题是 Reader 没有显示 PHP Include 包含的代码。