Javascript

1. const img = $('#sample-1 .photo')
2.     .css({
3.         position: 'relative',
4.         height: 360
5.     })
6.     .find('img:first')
7.     .css({
8.         position: 'absolute'
9.     });
10.  
11. (function(){
12.     img.queue(function(){
13.         $(this).animate({left:'+=400'}, 500);
14.     });
15.     img.queue(function(){
16.         $(this).animate({left:'-=400'}, 500);
17.     });
18.     img.queue(function(){
19.         $(this).animate({left:'+=400'}, 500, function(){ alert('おれの負けだ…マジでビビッたよ。だが…喜んで「敗北する」よ。'); });
20.     });
21. })();
22.  
23. $('#execute-1').click((e) => {
24.     img.dequeue();
25. });

HTML

1. <div id="sample-1">
2.     <div class="photo">
3.         <img src="/resource/images/photos/3.jpg" alt="">
4.     </div>
5.     <span id="execute-1" class="cq-btn m-primary">queue()</span>
6. </div>