Javascript lightSlider在缩略图旁边显示所有按钮

我需要创建lightSlider（）图库，其中在thumbnails/.isPage旁边有“显示所有照片”（如果thumbnails count>=5显示按钮）

我试着按位置：绝对，但显示所有按钮是在最后一个缩略图

$（'#lightSlider'）。lightSlider({
画廊：没错，
项目：1，
循环：对，
幻灯片摘要：0，
拇指项目：6
});
.demo{
宽度：420px；
位置：相对位置；
}
保险商实验室{
列表样式：无外无；
左侧填充：0；
页边距底部：0；
}
李{
显示：块；
浮动：左；
右边距：6px；
光标：指针；
}
img{
显示：块；
高度：自动；
最大宽度：100%；
}
.全部展示{
宽度：80px；
高度：自动；
背景色：#eee；
边界：1px#ddd；
浮动：左；
位置：绝对位置；
右：0；
底部：0；
}



























显示所有照片
好的，这将有点棘手，但它几乎可以工作


别忘了“查看所有照片”现在将使用append方法

$(".lSSlideOuter").append('<div class="show-all"><i class="fa fa-camera" aria-hidden="true"></i><span>Show all photos</span></div>');

$（.lsslideout”）.append（'Show all photos'）；

注：对于最后一个图像问题，您可以将“查看所有照片”图像作为JSFIDLE链接到所有图像

希望这会有所帮助。
对你想要实现的目标有点困惑。看起来已经很棒了。。你想让<代码>显示所有的< /代码>在中间，在寻呼机下面还是在寻呼机的最右边？@搜索I66TyyPIC.COM/9BD35F.PNG<代码>显示所有的“< /代码>”，而不是在容器上。我有问题的中心7+缩略图，并显示所有的旁边。很好。。因此，只要看看这个库，尝试一下JSFIDLE中的一些东西，您能检查一下并告诉我这离您的需求有多远吗。你展示的样品，就是这个样子吗？单击show all（全部显示）后会发生什么？更改
thumbItem:8
并单击您可以看到的最后一幅图像，这种滚动效果应该与原始lightSlider中的效果类似。显示所有打开的lightGallery（此部分很简单）。我创建了更好的新jfiddle文件，当它准备好的时候我会给你贴标签。这不是我看上去的样子，而是谢谢你！我不再参与我需要这个的最后一个项目。显示所有文本应可单击，最后一张图片不需要全部显示。但是+1