Jquery Photosweep问题：如何让一个图库中的多个图像基于一个缩略图进行滚动？

我希望，如果用户单击一个图像，打开一个链接到该缩略图的多个图像库

我不希望放大图像库链接到页面上可查看的图像缩略图

我不想在页面上有50个缩略图，当我可以点击一个有5个大图像的图像来浏览，并且每个大图像都有一个标题

我想要我的平面设计页面： 页面看起来像我的网页设计页面：

我使用flexbox并为每个缩略图分配了一个图库，只对每个“图库”中的图像组使用了一个缩略图

因为它不是我有8个图像和8个缩略图的图形，当我希望这些图像是在自己的画廊，将打开一个缩略图，以查看该组中的所有图像一样的图形

有没有办法用Photosweep做到这一点？

我必须使用Photoswip进行智能手机友好的刷卡。我的图形页面响应不正确

我的网页设计html演示了我希望它的功能。您将看到，我有一个缩略图和五个指向同一个图库的图像，每个图像标签中的缩略图都链接有相同的

rel=“lightbox[mood]”

moodboard缩略图有8个仅链接到该缩略图的图像-按

[mood]

分组。有没有办法用Photosweep实现同样的效果

/*html页面样式表中与图像相关的部分，而不是Photosweep附带的部分。用Photosweep生成的文件没有修改代码。我的导师可能有，但我没有，所以他们应该是相同的原始下载文件链接到网页上的图形*/
/* -------------------------------------------------------------------------------------
页体整体
-----------------------------------------------------------------------------------------*/
身体{
背景图像：线性梯度（#3f51b5，#61b4f6）；
颜色：#fff；
字体系列：“Bowlby One SC”，草书；
字体系列：“Atma”，草书；
}
#包装纸{
右边距：自动；
左边距：自动；
填充：0px；
宽度：80%；
背景：url（assets/pin mw.png）左上角repeat-x；
最大宽度：1900px；
背景色：#929dd9；
盒影：0 10px#111；
}
p{
左边距：100px；
边缘顶端：40px；
右边距：100px；
字体大小：1.2米；
}
.中心{
显示：块；
右边距：自动；
左边距：自动；
}
/*---------------------------------------------------------------------------
画廊中的图像
---------------------------------------------------------------------------*/
拇指{
背景色：#fff；
填充：15px 5px 5px；
左边距：15px；
右边距：15px；
边际上限：0px；
浮动：对；
文本对齐：居中；
边界半径：1px；
字号：1em；
颜色：深蓝色；
盒影：4px4px4px5px6pxHSLA（60,1%，60%20%）；
/*x、 y，模糊，模糊开始前的距离*/
}
图1：梅森拇指{
背景色：#fff；
填充：15px 15px 5px；
利润率：15px 15px 0px 0px；
宽度：100%；
显示：内联块；
框大小：边框框；
/*盒子模型修正*/
/*浮动：对*/
文本对齐：居中；
边界半径：1px；
字体大小：0.7em；
颜色：深蓝色；
盒影：2px2px0pxHSLA（53,14%，4%，0.73）；
/*x、 y，模糊，模糊开始前的距离*/
}
.砖石{
列数：4；
}
图1.a-a img{
宽度：100%；
}
身体#家。主要区域身体#画廊。主要区域{
背景色：aliceblue；
}
介质查询视图大小----------------------------------------------------------------------------*/@仅介质屏幕和（最小宽度：1600Px）和（最大宽度：2400px）{
.砖石{
列数：5；
}
}
@仅介质屏幕和（最小宽度：1021px）和（最大宽度：1599px）{
.砖石{
列数：4；
}
}
@仅介质屏幕和（最小宽度：730像素）和（最大宽度：1020像素）{
.砖石{
列数：3；
}
}
@仅介质屏幕和（最小宽度：390px）和（最大宽度：729px）{
.砖石{
列数：2；
}
}
@媒体屏幕和屏幕（最大宽度：733px）{
#包装纸{
边际：0px；
宽度：100%；
}
导航主菜单ul li{
显示：块；
}
报头.报头h1{
字体系列：“阴影变为光二”，草书；
顶部：20px；
}
页脚a{
字号：1.5em；
}
导航主菜单ul li a{
显示：块；
文字装饰：无；
填充：.3em；
利润上限：3倍；
背景颜色：天蓝；
字号：1.5em；
颜色：深蓝色；
文本阴影：1px1px1pRGBA（0,0,0,0.6）；
/*开始圆角撤消代码*/
-左上角的moz边界半径：0；
-webkit边框左上半径：0；
边框左上半径：0；
-moz边框半径右上角：0；
-webkit边框右上角半径：0；
边框右上角半径：0；
/*停止圆角撤消代码*/
}
报头{
背景大小：25%；
}
/*收缩标志*/
.主要内容{
弯曲方向：立柱；
}
boxRight先生{
/**圆角盒**/
右边距：自动；
左边距：自动；
宽度：70%；
}
.左栏{
背景图像：无；
flex:1自动；
顺序：3；
}
.中柱{
flex:1自动；
顺序：1；
}
.右栏{
背景图像：无；
flex:1自动；
顺序：2；
}
}
/***结束@媒体屏幕**/

为客户设计Moodboard

|
|
|
|
|

版权及副本；2016年Jeanna Kawamoto在CPTC图形技术/网络开发领域的设计
$("#buttonid").click(function () {
    $(".mason-thumb:eq(0)").trigger("click");
});