每个点击的缩略图都应该向左滑动，而不仅仅是第一张图片

Question

大家需要你们的帮助，

预期结果:每次单击缩略图时，所有图像应从右向左重复幻灯片动画。

当前结果:到目前为止，第一张图像是唯一执行幻灯片动画的图像。

这是我的jQuery: https://jsfiddle.net/30ypzk9y/3/

jQuery(document).on('click','.thumbnail-stay a', function(){
        var photo_fullsize =  jQuery(this).find('img').attr('src').replace('150/200','500/500');
        jQuery('.gallery-main-img img').attr('src', photo_fullsize).attr('style', '-webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;').addClass('gallery-main-img-move')
        // .delay(1000)
        // .queue(function() {
        //  $(this).removeClass("gallery-main-img-move");
        //  $(this).dequeue();
        // });
        // .attr('style', 'right:0;');
        return false;
    }); 

Answer 1

据我所知，您希望每个图像在单击时从右向左滑动。你可以这样做:

1. 每次点击图像时，您都在更新主图像(滑动的图像)，以便src属性反映被点击图像的属性。
2. 然后添加幻灯片动画

我看到的问题是，你没有移动图像回到原来的起点之前，动画它，所以一旦你点击第二个图像，图像已经在结束位置。您需要在每次点击时将图像移动回来，以便它可以动画。