https://another-eden.jp/gaiden/rasen/js/run.js

1//アニメーション
2$(function() {
3    $('.fadeL').on('inview', function(event, isInView) {
4        if (isInView) {
5            $(this).addClass('fadeInLeft');
6        }
7    });
8    $('.fadeD').on('inview', function(event, isInView) {
9        if (isInView) {
10            $(this).addClass('fadeInDown');
11        }
12    });
13    $('.fadeR').on('inview', function(event, isInView) {
14        if (isInView) {
15            $(this).addClass('fadeInRight');
16        }
17    });
18    $('.fadeN').on('inview', function(event, isInView) {
19        if (isInView) {
20            $(this).addClass('fadeInNorml');
21        }
22    });
23
24    $('.logo-anime').on('inview', function(event, isInView) {
25        if (isInView) {
26            $(this).addClass('logo');
27        }
28    });
29     $('.light-anime').on('inview', function(event, isInView) {
30        if (isInView) {
31            $(this).addClass('lightEffect');
32        }
33    });
34    $('.date-anime').on('inview', function(event, isInView) {
35        if (isInView) {
36            $(this).addClass('date');
37        }
38    });
39    $('.pv-anime').on('inview', function(event, isInView) {
40        if (isInView) {
41            $(this).addClass('pvBtn');
42        }
43    });
44    $('.slide-anime').on('inview', function(event, isInView) {
45        if (isInView) {
46            $(this).addClass('slideL');
47        }
48    });
49    $('.sttxt-anime').on('inview', function(event, isInView) {
50        if (isInView) {
51            $(this).addClass('storyTxt');
52        }
53    });
54    $('.stimg-anime').on('inview', function(event, isInView) {
55        if (isInView) {
56            $(this).addClass('storyImg');
57        }
58    });
59    $('.secttl-anime').on('inview', function(event, isInView) {
60        if (isInView) {
61            $(this).addClass('secTtl');
62        }
63    });
64     $('.expand-nomal').on('inview', function(event, isInView) {
65        if (isInView) {
66            $(this).addClass('expandN');
67        }
68    });
69});
70
71//メニュー固定
72$(window).on('scroll', function() {
73var w = $(window).width();
74if(w > 750){
75
76if ($(this).scrollTop() > 740){
77$('#menu').addClass('fixed-header');
78$('#episode-menu').addClass('fixed');
79//$('main').addClass('fixed');
80
81if($('#episode-menu').hasClass('open')){
82$('#episode-menu').slideUp();
83$('#episode-menu').removeClass('open');
84}
85} else {
86$('#menu').removeClass('fixed-header');
87$('#episode-menu').removeClass('fixed');
88//$('main').removeClass('fixed');
89}
90
91}
92});
93
94
95//音声再生 start ====================================
96$(function(){
97var audio = document.createElement('audio');
98audio.setAttribute('src', 'audio/voice_chara_001.mp3');
99
100//再生が終了したらファイルをロードし直す
101audio.addEventListener('ended', function() {
102audio.load();
103}, false);
104
105$('#chara-001 .chara-cv a').click(function() {
106if(audio.paused){
107audio.play();
108}else{
109audio.pause();
110}
111});
112});
113
114$(function(){
115var audio = document.createElement('audio');
116audio.setAttribute('src', 'audio/voice_chara_002.mp3');
117
118//再生が終了したらファイルをロードし直す
119audio.addEventListener('ended', function() {
120audio.load();
121}, false);
122
123$('#chara-002 .chara-cv a').click(function() {
124if(audio.paused){
125audio.play();
126}else{
127audio.pause();
128}
129});
130});
131
132
133$(function(){
134var audio = document.createElement('audio');
135audio.setAttribute('src', 'audio/voice_chara_003.mp3');
136
137//再生が終了したらファイルをロードし直す
138audio.addEventListener('ended', function() {
139audio.load();
140}, false);
141
142$('#chara-003 .chara-cv a').click(function() {
143if(audio.paused){
144audio.play();
145}else{
146audio.pause();
147}
148});
149});
150
151$(function(){
152var audio = document.createElement('audio');
153audio.setAttribute('src', 'audio/voice_chara_004.mp3');
154
155//再生が終了したらファイルをロードし直す
156audio.addEventListener('ended', function() {
157audio.load();
158}, false);
159
160$('#chara-004 .chara-cv a').click(function() {
161if(audio.paused){
162audio.play();
163}else{
164audio.pause();
165}
166});
167});
168
169$(function(){
170var audio = document.createElement('audio');
171audio.setAttribute('src', 'audio/voice_chara_005.mp3');
172
173//再生が終了したらファイルをロードし直す
174audio.addEventListener('ended', function() {
175audio.load();
176}, false);
177
178$('#chara-005 .chara-cv a').click(function() {
179if(audio.paused){
180audio.play();
181}else{
182audio.pause();
183}
184});
185});
186
187$(function(){
188var audio = document.createElement('audio');
189audio.setAttribute('src', 'audio/voice_chara_006.mp3');
190
191//再生が終了したらファイルをロードし直す
192audio.addEventListener('ended', function() {
193audio.load();
194}, false);
195
196$('#chara-006 .chara-cv a').click(function() {
197if(audio.paused){
198audio.play();
199}else{
200audio.pause();
201}
202});
203});
204
205$(function(){
206var audio = document.createElement('audio');
207audio.setAttribute('src', 'audio/voice_chara_007.mp3');
208
209//再生が終了したらファイルをロードし直す
210audio.addEventListener('ended', function() {
211audio.load();
212}, false);
213
214$('#chara-007 .chara-cv a').click(function() {
215if(audio.paused){
216audio.play();
217}else{
218audio.pause();
219}
220});
221});
222
223
224$(function(){
225var audio = document.createElement('audio');
226audio.setAttribute('src', 'audio/voice_chara_008.mp3');
227
228//再生が終了したらファイルをロードし直す
229audio.addEventListener('ended', function() {
230audio.load();
231}, false);
232
233$('#chara-008 .chara-cv a').click(function() {
234if(audio.paused){
235audio.play();
236}else{
237audio.pause();
238}
239});
240});
241
242$(function(){
243var audio = document.createElement('audio');
244audio.setAttribute('src', 'audio/voice_chara_009.mp3');
245
246//再生が終了したらファイルをロードし直す
247audio.addEventListener('ended', function() {
248audio.load();
249}, false);
250
251$('#chara-009 .chara-cv a').click(function() {
252if(audio.paused){
253audio.play();
254}else{
255audio.pause();
256}
257});
258});
259// 音声再生 end ====================================
260
261
262// スライダー
263$(document).ready(function(){
264$('.slider').slick({
265autoplay: false,
266dots: true,
267fade: false,
268slidesToShow: 1,
269arrows: true,
270prevArrow: '<div class="slick-prev"><img src="img/arrow_prev.png" alt="←"></div>',
271nextArrow: '<div class="slick-next"><img src="img/arrow_next.png" alt="→"></div>',
272});
273});
274
275// Style 切り替え
276$('#btn-chara-001').on('click', function(){
277if($('#chara-001').hasClass('change')){
278$('#chara-001').removeClass('change');
279} else {
280$('#chara-001').addClass('change');
281}
282});
283
284
285// 画像読み込み完了後にクラスを付与する
286$(function(){
287$(window).load(function(){
288$('header').addClass('is-view');
289});
290});
291
292
293$(document).ready(function(){
294$('#movie .slick').slick({
295arrows:true,
296prevArrow:'<div class="slick-prev"><img src="img/icon_movie_arrow_p.png" alt="←"></div>',
297nextArrow:'<div class="slick-next"><img src="img/icon_movie_arrow_n.png" alt="→"></div>',
298slidesToShow:1,
299autoplay:false,
300fade:false,
301autoplaySpeed:4000,
302speed:800,
303pauseOnHover:false,
304dots:false,
305dotsClass:'slick-dots',
306});
307});
308
309$(function() {
310$('.screen-shot').magnificPopup({
311delegate: 'a',
312type: 'image',
313gallery: {
314enabled:true,
315arrowMarkup: '<span title="%title%" role="button" class="gallery-arrow gallery-arrow-%dir%"></span>'
316},
317zoom: {
318enabled: true,
319duration: 300,
320}
321});
322});