Javascript 如何使用jquery创建图像库

我有jquery carouselcycle2和popup lightgallery，您将在示例中看到我的carousel，这个示例运行得非常好，正如我所期望的那样

$document.readyfunction{ 函数生成器滑块{ $'.mySlideShow'.cycle{ 下一个：单程右转， pauseOnHover:是的， 日志：错误， 传呼机：单页传呼机， 页面模板：， 上一页：单左， 幻灯片：img[data hidden='false'] }; } 发电机滑环； $.filter li.onclick，函数{ var activeId=$this.attrid； ifactiveId==全部显示{ $img[data id]。属性数据隐藏，false； }否则{ $img[data id].attrdata hidden，true； $img[data id='+activeId+'].attrdata hidden，false； } $'.mySlideShow'.cycle'destroy'； 发电机滑环； }; }; .单廊{ 宽度：800px； 溢出：隐藏； 位置：相对位置； } .循环幻灯片放映img{ 宽度：100%； 身高：494px； 最大宽度：100%； } 单页机{ 宽度：49.3px！重要； 高度：49.3px！重要； 边框：1px实心fff； } 单寻呼机a.循环-寻呼机-主动img{ 不透明度：0.4； } 单左， 单一权利{ 位置：绝对位置； 最高：50%； z指数：1000； 背景：rgba255、255、255、.8； 填充：12px； 光标：指针； } 单左{ 左：0； } 单一权利{ 右：0； } .过滤器{ 位置：绝对位置； z指数：1000； 右：0； 排名：0； 填充：0； 颜色：FFF； 背景：rgba255、255、255、0.6； 填充：10px 30px； } 李先生{ 列表样式类型：无； 光标：指针； 显示：内联块； 背景：rgba0,0,0,6； 填充物：5px； } img[数据隐藏=真]{ 显示：无； } 上 下一个 体育 自然的 动物 全部的

---

好吧，传呼机坏了，但我得到的是：

将幻灯片更改为[data hidden='false'] 将img的每个实例替换为.click函数中的。 img[data hidden=true]{display:none；to}to`a[data hidden=true]{display:none；to} 将pagerTemplate:替换为pagerTemplate: $document.readyfunction{ 函数生成器滑块{ $.mySlideShow.cycle{ 下一个：单程右转， 日志：错误， 外汇：淡出， 标题：。循环标题， 字幕模板：{{title}}， pauseOnHover:是的， 传呼机：单页传呼机， 页面模板：， 上一页：单左， 幻灯片：a[data hidden='false'] }; } 发电机滑环； $.filter li.onclick，函数{ var activeId=$this.attrid； 如果activeId==全部显示{ $a.attrdata-hidden，false； }否则{ $a.attrdata-hidden，true； $a[data id='+activeId+'].attrdata hidden，false； } $.mySlideShow.cycledestroy； 发电机滑环； }; $.mySlideShow.lightGallery{ exThumbImage：数据exThumbImage， 下载：错， 是的， loadYoutubeThumbnail:true， youtubeThumbSize:默认值， loadVimeoThumbnail:true， vimeoThumbSize：缩略图大小为中 }; }; .单廊{ 宽度：800px； 溢出：隐藏； 位置：相对位置； } .循环幻灯片放映img{ 宽度：100%； 身高：494px； 最大宽度：100%； } 单页机{ 宽度：49.3px！重要； 高度：49.3px！重要； 边框：1px实心fff； } 单寻呼机a.循环-寻呼机-主动img{ 不透明度：0.4； } 单左， 单一权利{ 位置：绝对位置； 最高：50%； z指数：1000； 背景：rgba255、255、255、.8； 填充：12px； 光标：指针； } 单左{ 左：0； } 单一权利{ 右：0； } .过滤器{ 位置：绝对位置； z指数：1000； 右：0； 排名：0； 填充：0； 颜色：FFF； 背景：rgba255、255、255、0.6； 填充：10px 30px； } 李先生{ 列表样式类型：无； 光标：指针； 显示：内联块； 背景：rgba0,0,0,6； 填充物：5px； } a[数据隐藏=真]{ 显示：无； } 体育 自然的 动物 全部的

---

你能提供你的工作示例吗？好的..谢谢你，非常感谢你，我理解了，谢谢你，最后一个问题，在选择类别后我不得不问，未加载的缩略图图像如何才能使它们加载？工作非常好，谢谢..我们可以将其用于延迟加载吗？缩略图？在本例中，如果我使用惰性缩略图，效果很好，但是如果我尝试从data exthubimage而不是data src中获取缩略图图像，而不是看不到的图像..当然非常感谢您。很抱歉。我的意思是，我们可以使用不同的路径（可能是父母而不是孩子）来获取缩略图图像吗？为此，请提出新问题，并可能在此处添加链接。记住，这不是一个子问题，而是一个全新的问题。请添加您的代码和问题。谢谢