https://sao-alicization.com/assets/js/story.js

1var $this;
2$(function(){
3  $('.story_movie_wrap').click(function(){
4    var movie_id = $(this).attr('data-id');
5    $('.trailerMovie').append('<iframe src="https://www.youtube.com/embed/' + movie_id + '?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>');
6    $('.modal_wrapper').stop().fadeIn('slow');
7    $('.modalBg,.trailerModal,.btn_modalClose').click(function(){
8         $('.modal_wrapper').stop().fadeOut('slow',function(){
9              $('.trailerMovie').empty();
10              $('.modal_wrapper').css('display','none') ;
11         });
12    });
13  });
14  
15	story();
16});
17
18$(document).bind('pjax:render', function(){
19	story();
20});
21
22function story(){
23  $('.img_list ul').children('li').clone().appendTo('.thumb_list');
24  $('.thumb_list li').eq(0).addClass('current');
25  var slick = $('.img_list ul').slick({
26    speed: 600,
27    arrows: false,
28    autoplay: true,
29    autoplaySpeed: 5000,
30    easing: 'easeOutExpo'
31  });
32  $('.thumb_list li').click(function(e){
33    e.preventDefault();
34    slideIndex = $(this).index();
35    slick.slick('slickGoTo', parseInt(slideIndex));
36  });
37  $('.img_list ul').on('beforeChange', function(event, slick, currentSlide, nextSlide){
38    $('.thumb_list li').removeClass('current');
39    $('.thumb_list li').eq(nextSlide).addClass('current');
40  });
41}