由于 dir="rtl"，fancybox 缩略图助手无法正常工作答案

【问题标题】：fancybox thumbnail helper not working because of dir="rtl"由于 dir="rtl"，fancybox 缩略图助手无法正常工作
【发布时间】：2016-07-30 05:21:35
【问题描述】：

我正在我的网站上测试 fancybox 缩略图助手。但是我刚刚发现是因为这条线-

<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">

将网站设置为从右到左的文本网站，缩略图会移出屏幕，并且只有在有足够多的缩略图（超过 5 个）时才会从屏幕右侧弹出。

我现在把页面放到网上，你可以看看—— The sheep page
点击羊的图片来获得fancybox。有些人的库中没有足够的图像来显示缩略图，而有些人则足够了。

我可以做些什么来让 fancybox 与 rtl 网站一起工作？

谢谢！耶尔:)

【问题讨论】：

那么你的意思是如果你完全删除dir=""，fancybox 又开始工作了吗？您 100% 确定这是您的幻想箱无法正常工作的原因？
是的！这正是我要说的:) 当我删除它时，它起作用了。
另外，我现在发现，并不是缩略图不起作用——它们只是“屏幕外”。当它们足够多时，它们会被推入视野，但显然没有与图像同步，并且一旦您全部单击它们就会再次被推离屏幕
感谢收看@Howdy_McGee！好的，我上传了这个页面，这样你就可以好好看看了 :) - link 如果你点击左边的第一张羊图片，缩略图就会离开屏幕（因为只有 3 个）但是如果你点击接下来的两个，有足够的缩略图将它们推到视图中
好的，我找到了解决办法。 :) 仅针对该特定页面，我将 dir="rtl" 标记更改为本地而不是全局。因此它不再位于标记中，而是位于更大的标记中，该标记包含所有页面的内容。而
包含调用 fancybox 的图片，它的 dir="ltr" 设置在 table 标记内以仅翻转该特定表的方向。它有效:)

【解决方案1】：

好的，我找到了解决办法。 :)
仅针对该特定页面，我将 dir="rtl" 属性的位置更改为本地而不是全局。所以它不再位于标记中，而是位于页面正文中最大的

标记中，该标记包含所有页面内容。而

包含调用 fancybox 的图片，在 table 标记内设置了 dir="ltr" 以仅翻转该特定表的方向。
它有效:)

【讨论】：

【解决方案2】：

您可以将direction: ltr 添加到要重置方向的任何元素：

.fancybox-wrap, .fancybox-thumbs {
   direction: ltr;
}

【讨论】：

【解决方案3】：

在文件名 jquery.fancybox-thumbs.js 中

在所有文件中从左到右替换

【讨论】：