到目前为止,PhotoSwipe 非常棒,只是这些我似乎无法解决的小问题
我初始化 PhotoSwipe 如下
formPhoto.gallery = window.Code.PhotoSwipe.attach( images, options);
在图库中,用户可以通过以下方式选择是否删除图像
一旦按下删除按钮,它就会运行
formPhoto.gallery.cache.images.splice(e.target.currentIndex,1);
delete formPhoto.activeObj.value[e.target.originalImages[e.target.currentIndex].id];
if(formPhoto.gallery.cache.images.length == 0)
formPhoto.gallery.hide();
else
formPhoto.gallery.carousel.show( 0 );
现在这几乎可以正常工作,除了 2 种情况。
- 如果您低于 3 张照片,它会中断幻灯片事件(在幻灯片右侧) - 图像滑到黑屏上。如果您删除并且只剩下 1 张图像,您甚至无法正确查看图像,它只会弹回黑屏。
- 如果您再次将图像重新添加到图库中,则会再次显示已删除的旧图像
它使用重新启动
images = [];
for(var x in formPhoto.activeObj.value)
images.push({url: formPhoto.activeObj.value[x].file, id:x});
formPhoto.gallery = window.Code.PhotoSwipe.attach( images, options);
如果您愿意,我可以尝试获取正在发生的事情的录音。我不知道如何解决这个问题,我已经在https://github.com/codecomputerlove/PhotoSwipe/issues和谷歌上环顾四周,但没有任何帮助。
我真正想做的只是从图库中删除图像(仅在独占模式下查看)