Jquery fancybox显示特定文件夹的图像

我有8个图像文件夹，每个文件夹的名称不同，每个文件夹中的图像的名称不同于其他文件夹

例如：

名为A的文件夹中的所有图像均命名为A-1.jpg、A-2.jpg等…
下一个文件夹名为B，名称相同（B-1.jpg等）

我想为每个文件夹使用页面上的图像作为链接，以激活每个文件夹中的图像库，该库与页面上的每个图像相对应，而无需执行此操作

<a class="fancybox" href="fancybox/A/A-1.jpg">
    <img src="fancybox/A/A-1.jpg" alt=""/>
</a>

<div class="hidden">
    <a class="fancybox" href="fancybox/A/A-2.jpg">
        <img src="fancybox/A/A-2.jpg" alt=""/>
    </a>
    <a class="fancybox" href="fancybox/A/A-3.jpg">
        <img src="fancybox/A/A-3.jpg" alt=""/>
    </a>
</div>

css

不必列出html中的所有图像…

---

有没有办法只按名称而不按扩展名（.jpg）定位图像？

使用jQuery，您可以使用

document.createElement（“a”）

与

$（var.prop（）

组合来分配属性标记，如

src

和

alt

你所需要做的就是做一个循环或者做一些事情，循环所有字母，然后是所有数字，并将它们组合成一个函数，就像我在下面的代码片段中创建的那样

我假设你会问如何制作画廊，尽管目前的问题是，如果可能的话

函数创建图像（imgLetter，imgNum）{
var container=document.querySelector（#container”）；//container
var link=document.createElement（“a”）；//创建一个新的标记
var img=document.createElement（“img”）；//制作一个img标记
$（link）.addClass（“fancybox”）；//将类添加到标记
/*使用“”和+以及函数中的参数为链接HREF部分创建字符串*/
$（link）.prop（“href”，“fancybox/”+imgLetter+“/”+imgLetter+“-”+imgNum+”.jpg”）；
$（img）.prop（“src”，$（link）.prop（“href”）；//src=”“要匹配的部分href
$（img）.prop（“alt”和“）；
$（img）.appendTo（link）；//将图像添加到链接
$（链接）.appendTo（容器）；//将链接添加到容器
}
变量字母=[“A”、“B”、“C”、“D”、“E”、“F”、“G”、“H”]；
对于（var L=0；L

Mike真的把我弄糊涂了。Mike真的把我弄糊涂了。现在我有一个拇指在页面上，当它被点击时，我希望它从一个文件夹中打开一个图库，在这个例子中是“children”thumb命名为thumb.jpg文件夹中要使用的图像是images/children/children-001.jpg等，通过children-020.jpg。跨度已从模板更改，因此不会显示悬停效果覆盖和fa符号，stackoverflow并不是一个真正的代码编写服务——它是一个网站，您可以在其中提供不工作的代码，然后获得有关如何修复或改进代码的帮助/建议。最后我回答了您的问题，即“有没有一种方法可以通过名称而不是扩展名来定位图像？”，我解释了如何做到这一点。以

开头的语句“我想要…”

在这里通常被忽略。

$(".fancybox")
    .attr('rel', 'gallery')
    .fancybox({
        padding : 0
    });

.hidden {
   display: none;
}