Javascript 使用延迟加载自定义pagerTemplate

我有一个图库，我正在使用这个图库，我正试图让所有的图像与懒惰

但是，我的寻呼机缩略图的图像不起作用。必须从

a

标记上的

data exthumbimage

属性加载图像

$（文档）.ready（函数（）{
函数generateSlider（）{
$（“.mySlideShow”）.循环({
下一步：#单右“，
日志：错误，
外汇：“褪色”，
标题：“.循环标题”，
字幕模板：“{{title}}”，
pauseOnHover:是的，
寻呼机：“#单寻呼机”，
页面模板：“”，
上一页：#单左“，
幻灯片：“a[data hidden='false']”
});
}
生成滑块（）；
$（“.filter li”）。打开（“单击”，函数（）{
var activeId=$（this.attr（“id”）；
如果（activeId==“全部显示”）{
$（“a”）.attr（“数据隐藏”、“错误”）；
}否则{
$（“a”）.attr（“数据隐藏”、“真实”）；
$（“a[data id='”+activeId+“']”）attr（“data hidden”，“false”）；
}
美元（“.mySlideShow”）。循环（“销毁”）；
生成滑块（）；
});
$（“.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；
背景：rgba（255,255,255,8）；
填充：12px；
光标：指针；
}
#单左{
左：0；
}
#单一权利{
右：0；
}
.过滤器{
位置：绝对位置；
z指数：1000；
右：0；
排名：0；
填充：0；
颜色：#FFF；
背景：rgba（255，255，255，0.6）；
填充：10px 30px；
}
李先生{
列表样式类型：无；
光标：指针；
显示：内联块；
背景：rgba（0,0,0,6）；
填充物：5px；
}
a[data hidden=“true”]{
显示：无；
}


体育运动
自然
动物
全部

好的，请执行以下操作：


从页面模板中删除引号
对
数据src
使用
{{exthumbimage}}
{{parents.0.exthumbimage}
将选择
a
的父对象，即滑块本身。对于它自己的属性，您只需使用该属性的名称


$（文档）.ready（函数（）{
函数generateSlider（）{
$（“.mySlideShow”）.循环({
下一步：#单右“，
日志：错误，
外汇：“褪色”，
标题：“.循环标题”，
字幕模板：“{{title}}”，
pauseOnHover:是的，
寻呼机：“#单寻呼机”，
页面模板：“”，
上一页：#单左“，
幻灯片：“a[data hidden='false']”
});
}
生成滑块（）；
$（“.filter li”）。打开（“单击”，函数（）{
var activeId=$（this.attr（“id”）；
如果（activeId==“全部显示”）{
$（“a”）.attr（“数据隐藏”、“错误”）；
}否则{
$（“a”）.attr（“数据隐藏”、“真实”）；
$（“a[data id='”+activeId+“']”）attr（“data hidden”，“false”）；
}
美元（“.mySlideShow”）。循环（“销毁”）；
生成滑块（）；
});
$（“.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；
背景：rgba（255,255,255,8）；
填充：12px；
光标：指针；
}
#单左{
左：0；
}
#单一权利{
右：0；
}
.过滤器{
位置：绝对位置；
z指数：1000；
右：0；
排名：0；
填充：0；
颜色：#FFF；
背景：rgba（255，255，255，0.6）；
填充：10px 30px；
}
李先生{
列表样式类型：无；
光标：指针；
显示：内联块；
背景：rgba（0,0,0,6）；
填充物：5px；
}
a[data hidden=“true”]{
显示：无；
}


体育运动
自然
动物
全部

好的，请执行以下操作：


从页面模板中删除引号
对
数据src
使用
{{exthumbimage}}
{{parents.0.exthumbimage}
将选择
a
的父对象，即滑块本身。对于它自己的属性，您只需使用该属性的名称


$（文档）.ready（函数（）{
函数generateSlider（）{
$（“.mySlideShow”）.循环({
下一步：#单右“，
日志：错误，
options['pagerTemplate'] = "<a href='#'><img src='{{children.0.src}}' class='lazyload' width=60 height=60></a>"