Javascript JS自动创建fancybox库

你好，我有一个文件夹，里面有一些图片，我用FancyBox在图库中展示它们。但是一张一张地放太花时间了，我必须回到代码中再放一张。我想知道是否有人知道一个JS可以将某个文件夹中的所有图像自动放入FancyBox库。现在我正在做这个：

<div class="selCuad" id="Reg"><a class="fancybox-thumb aMenu" rel="fancybox-thumb" href="http://farm9.staticflickr.com/8507/8454547519_f8116520e1_b.jpg" title="Ayvalık, Turkey (Nejdet Düzen)">GALERÍA</a>
        <a class="fancybox-thumb" rel="fancybox-thumb" href="http://farm8.staticflickr.com/7152/6394238505_c94fdd1d89_b.jpg" title="Sicilian Scratches   erice (italianoadoravel on/off coming back)"></a>
        <a class="fancybox-thumb" rel="fancybox-thumb" href="http://farm9.staticflickr.com/8481/8215602321_69d9939b8b_b.jpg" title="The Trail (Msjunior-Check out my galleries)"></a>
        <a class="fancybox-thumb" rel="fancybox-thumb" href="http://farm9.staticflickr.com/8200/8220393833_e52cabfe80_b.jpg" title="Trees (Joerg Marx)"></a>
        </div>

---

我想放一个锚地，让一个JS呼叫其余的。这能做吗？我也在我这边搜索。如果我找到了答案，我会把它贴在这里：D

如果你愿意使用一些javascript并将自己限制在一定的限制范围内，你可以制作一个助手函数来加速这个过程

Fancybox API允许您调用函数来动态生成新的库：

$.fancybox（[A]，{B}）；

其中[A]是一个对象数组，每个对象指定一个内容对象（它们在fancybox表示中出现的顺序将与它们在数组中的索引相对应）；{B}是一个options对象，其中包含您希望用于此fancybox实例的定制

内容对象可以有多个可选属性，fancybox使用这些属性来丰富演示文稿，例如图像的标题，但在这种情况下，我们只需要地址路径，这样您就可以使用，例如：

var内容={
href:“path/to/image.jpg”
};

如果您的图像位于已知位置，并以连续数字顺序命名，则可以创建一个函数，用该图像的所有单独位置填充数组，以传递给

$。fancybox（[a]，{B}）

函数：

//请记住，您的第一张图像必须以“0”作为编号！！
函数createPath（前缀、数量、sufix）{
var地址=[]；
对于（变量i=0；i

然后为每个演示调用此函数，例如：

//此变量将使用
//图像的路径（path/to/0.jpg，path/to/1.jpg…path/to/123.jpg）
var allImages_gallery_1=createpath（“path/to/”，124，.jpg”）；

最后，将此数组传递给

$.fancybox（），但将其放入另一个函数中，如下所示：

功能打开\u库\u 1（）{
$.fancybox（allImages_gallery_1，OptionObject）；
}

然后，在HTML中，您可以使用onclick=“”属性调用此函数，例如：


从文件夹中读取文件？我想你需要php来实现这一点。我编写了本教程，从文件夹中读取图像，并使用php自动创建缩略图和链接（本教程假设您熟悉php命令和语法）。我喜欢，但我能让它工作起来，这样我就可以用锚点而不是缩略图来打开它吗？我对php不太熟悉：不管你在锚、文本或缩略图中放什么，都取决于你。除非您使用外部模块/API或通过ajax调用php脚本，否则使用纯javascript从文件夹读取文件是不可能的（主要是出于安全原因）。好的，我看看是否可以修改您的示例以适合我的页面：D。这仍然是一个非常好的教程。谢谢你的帮助：D