https://www.gurren-lagann.net/uhdbd/assets/js/grn.top.js

1'use strict';
2function _c(l) {
3  console.log(l);
4}
5
6$(window).on('load', function () {
7  $('body').addClass('is_start');
8
9  // $('.movie_slide').slick({
10  // 	infinite: false,
11  // 	slidesToShow: 1,
12  // 	slidesToScroll: 1,
13  // 	centerMode: false,
14  // 	variableWidth: false,
15  // 	autoplay: false,
16  // 	arrows: true,
17  // 	dots: false,
18  // 	appendArrows: $('.movie_slide__navi'),
19  // 	prevArrow: '<div class="btn_prev"></div>',
20  // 	nextArrow: '<div class="btn_next"></div>',
21  // });
22
23  var mySwiper = new Swiper('.swiper-container', {
24    slidesPerView: 1,
25    //	  spaceBetween: 60,
26    centeredSlides: true,
27    navigation: {
28      nextEl: '.btn_next',
29      prevEl: '.btn_prev',
30    },
31  });
32
33  var SEM_cont = new SCROLL_EFFECT_MODULE({
34    elem: '.scroll_in',
35    displayRatio: 0.6,
36    displayReverse: true,
37    firstElem: '.scroll_in--first',
38    firstElemDelayTime: 1800,
39    firstDelayTime: 300,
40    loadDelayTime: 0,
41    addClassNameActive: 'active',
42    on: {
43      Scroll: function Scroll(pos) {},
44      Change: function Change(item, pos) {},
45      In: function In(item, pos) {
46        if ($(item).attr('id') == 'character') {
47          $('.chara_contents.is_current').addClass('is_append');
48        }
49      },
50      Out: function Out(item, pos) {
51        if ($(item).attr('id') == 'character') {
52          $('.chara_contents.is_append').removeClass('is_append');
53        }
54      },
55    },
56  });
57});
58
59var Modal = {
60  instance: null,
61  init: function init() {
62    var _this = this;
63    var _template =
64      '' +
65      '<div class="m-modal is-close" id="{{ id }}" data-modal-type>' +
66      '  <div class="m-modal__wrap">' +
67      '    <div class="m-modal__bg" data-modal-ui-close><div class="m_modal__charabg"></div></div>' +
68      '    <div class="m-modal__inner">' +
69      '      <div class="m-modal__content">' +
70      '        {{ content }}' +
71      '      </div>' +
72      '    </div>' +
73      '    <div class="m-modal__close" data-modal-ui-close data-pointer>' +
74      '    </div>' +
75      '  </div>' +
76      '</div>';
77
78    this.instance = new MODAL_MODULE({
79      duration: 400,
80      zIndex: 600,
81      removeWrapperTag: false,
82      defaultModalStyle: false,
83      customModalHtml: _template,
84      customModalStyle: '<style>.m-modal {} </style>',
85      loadStart: false,
86      elemOutputSelector: '.l_modal',
87      elemYoutubePlayerAspectRatio: '16:9',
88      movie: {
89        youtube: {
90          height: '360',
91          width: '640',
92          playerVars: {
93            autoplay: 1,
94            playsinline: 1,
95            controls: 1,
96            disablekb: 0,
97            fs: 1,
98            loop: 0,
99            rel: 0,
100          },
101        },
102      },
103
104      on: {},
105    });
106  },
107};
108
109if ($('[data-modal]').length) {
110  Modal.init();
111}