HTML featherlight 中的属性错误
HTML attribute bug in featherlight
我一直在尝试将 featherlight 合并到我的项目中，到目前为止发现它非常容易使用。我有一个要求，我要在 featherlight 中加载图像 gallery/slider。也就是说，当用户单击 link 时，它会打开 featherlight 并将图像幻灯片显示为 iFrame。我不确定是否有更好的方法来做到这一点，但在这样做时，我认为我 运行 陷入了一个错误。似乎 featherlight 无法识别通过使用 data-featherlight-xxx 约定在 HTML 标记中传递的任何 iframe 参数。例如，
如果我想使用如下方式设置 iFrame 的大小：
<a class="book-icon" href="image-slideshow.html" data-featherlight="iframe" data-featherlight-iframeWidth="992px" data-featherlight-iframeHeight="556px" data-featherlight-scrolling="false"/>
该代码对实际的 iFrame 没有影响。通过代码后发现罪魁祸首是以下行（第 61 行）：
regex = new RegExp('^' + prefix + '([A-Z])(.*)');
此处假设属性将采用驼峰式大小写并以 iframe 为前缀，如上例所示。然而，事实证明，所有属性都在代码中的某处被转换为小写，并且上述模式匹配失败。如果我将上面的内容转换为 [A-Z] 到 [a-z]，它会按预期工作。
另外，请问有更好的方法吗？也就是说，与其先加载灯箱再加载幻灯片，不如使用另一个将两者合二为一的库？
感谢您的帮助。
是data-featherlight-iframe-height，不是data-featherlight-iframeHeight，等等...
我一直在尝试将 featherlight 合并到我的项目中，到目前为止发现它非常容易使用。我有一个要求，我要在 featherlight 中加载图像 gallery/slider。也就是说，当用户单击 link 时，它会打开 featherlight 并将图像幻灯片显示为 iFrame。我不确定是否有更好的方法来做到这一点，但在这样做时，我认为我 运行 陷入了一个错误。似乎 featherlight 无法识别通过使用 data-featherlight-xxx 约定在 HTML 标记中传递的任何 iframe 参数。例如，
如果我想使用如下方式设置 iFrame 的大小：
<a class="book-icon" href="image-slideshow.html" data-featherlight="iframe" data-featherlight-iframeWidth="992px" data-featherlight-iframeHeight="556px" data-featherlight-scrolling="false"/>
该代码对实际的 iFrame 没有影响。通过代码后发现罪魁祸首是以下行（第 61 行）：
regex = new RegExp('^' + prefix + '([A-Z])(.*)');
此处假设属性将采用驼峰式大小写并以 iframe 为前缀，如上例所示。然而，事实证明，所有属性都在代码中的某处被转换为小写，并且上述模式匹配失败。如果我将上面的内容转换为 [A-Z] 到 [a-z]，它会按预期工作。
另外，请问有更好的方法吗？也就是说，与其先加载灯箱再加载幻灯片，不如使用另一个将两者合二为一的库？
感谢您的帮助。
是data-featherlight-iframe-height，不是data-featherlight-iframeHeight，等等...