https://another-eden.jp/3.11.0/js/run.js

1//スクロール
2$(function () {
3$.scrollUp({
4scrollName:'scrollUp', // エレメントのid
5scrollDistance:'100', // scrollUpを表示するトップからの距離 (px)
6scrollSpeed:300, // トップに戻るスピード (ms)
7animation:'fade', // アニメーションの種類 (Fade, slide, none)
8animationInSpeed:500, // アニメーションの最初のスピード (ms)
9animationOutSpeed:500, // アニメーションの最後のスピード (ms)
10scrollText:'', // エレメントに表示するテキスト
11activeOverlay:false, // scrollUp動作時のオーバーレイのカラー, e.g '#00FFFF'
12});
13});
14
15
16$('a[href^="#"]').click(function(){
17var speed = 400;
18var href= $(this).attr('href');
19var target = $(href == '#' || href == '' ? 'html' :href);
20var position = target.offset().top;
21$('html, body').animate({scrollTop:position}, speed, 'swing');
22return false;
23});
24
25//アニメーション
26$(function() {
27    $('.fadeL').on('inview', function(event, isInView) {
28        if (isInView) {
29            $(this).addClass('fadeInLeft');
30        }
31    });
32    $('.fadeD').on('inview', function(event, isInView) {
33        if (isInView) {
34            $(this).addClass('fadeInDown');
35        }
36    });
37    $('.fadeR').on('inview', function(event, isInView) {
38        if (isInView) {
39            $(this).addClass('fadeInRight');
40        }
41    });
42    $('.fadeN').on('inview', function(event, isInView) {
43        if (isInView) {
44            $(this).addClass('fadeInNorml');
45        }
46    });
47
48    $('.logo-anime').on('inview', function(event, isInView) {
49        if (isInView) {
50            $(this).addClass('logo');
51        }
52    });
53     $('.light-anime').on('inview', function(event, isInView) {
54        if (isInView) {
55            $(this).addClass('lightEffect');
56        }
57    });
58    $('.date-anime').on('inview', function(event, isInView) {
59        if (isInView) {
60            $(this).addClass('date');
61        }
62    });
63    $('.pv-anime').on('inview', function(event, isInView) {
64        if (isInView) {
65            $(this).addClass('pvBtn');
66        }
67    });
68    $('.slide-anime').on('inview', function(event, isInView) {
69        if (isInView) {
70            $(this).addClass('slideL');
71        }
72    });
73    $('.sttxt-anime').on('inview', function(event, isInView) {
74        if (isInView) {
75            $(this).addClass('storyTxt');
76        }
77    });
78    $('.stimg-anime').on('inview', function(event, isInView) {
79        if (isInView) {
80            $(this).addClass('storyImg');
81        }
82    });
83    $('.secttl-anime').on('inview', function(event, isInView) {
84        if (isInView) {
85            $(this).addClass('secTtl');
86        }
87    });
88     $('.expand-nomal').on('inview', function(event, isInView) {
89        if (isInView) {
90            $(this).addClass('expandN');
91        }
92    });
93});
94
95//メニュー固定
96$(window).on('scroll', function(){
97var w = $(window).width();
98if(w > 750){
99if($(this).scrollTop() > 740){
100$('#menu').addClass('fixed-header');
101/*
102$('#episode-menu').addClass('fixed');
103if($('#episode-menu').hasClass('open')){
104$('#episode-menu').slideUp();
105$('#episode-menu').removeClass('open');
106}
107*/
108} else {
109$('#menu').removeClass('fixed-header');
110//$('#episode-menu').removeClass('fixed');
111}
112}
113});
114
115
116//音声再生 start ====================================
117$(function(){
118var audio = document.createElement('audio');
119audio.setAttribute('src', 'audio/voice_chara_001.mp3#t=1');
120
121//再生が終了したらファイルをロードし直す
122audio.addEventListener('ended', function() {
123audio.load();
124}, false);
125
126$('#chara-001 .chara-cv a').click(function() {
127if(audio.paused){
128audio.play();
129}else{
130audio.pause();
131}
132});
133});
134
135$(function(){
136var audio = document.createElement('audio');
137audio.setAttribute('src', 'audio/voice_chara_002.mp3');
138
139//再生が終了したらファイルをロードし直す
140audio.addEventListener('ended', function() {
141audio.load();
142}, false);
143
144$('#chara-002 .chara-cv a').click(function() {
145if(audio.paused){
146audio.play();
147}else{
148audio.pause();
149}
150});
151});
152
153
154$(function(){
155var audio = document.createElement('audio');
156audio.setAttribute('src', 'audio/voice_chara_003.mp3');
157
158//再生が終了したらファイルをロードし直す
159audio.addEventListener('ended', function() {
160audio.load();
161}, false);
162
163$('#chara-003 .chara-cv a').click(function() {
164if(audio.paused){
165audio.play();
166}else{
167audio.pause();
168}
169});
170});
171
172/*
173$(function(){
174var audio = document.createElement('audio');
175audio.setAttribute('src', 'audio/voice_chara_004.mp3');
176
177//再生が終了したらファイルをロードし直す
178audio.addEventListener('ended', function() {
179audio.load();
180}, false);
181
182$('#chara-004 .chara-cv a').click(function() {
183if(audio.paused){
184audio.play();
185}else{
186audio.pause();
187}
188});
189});
190
191$(function(){
192var audio = document.createElement('audio');
193audio.setAttribute('src', 'audio/voice_chara_005.mp3');
194
195//再生が終了したらファイルをロードし直す
196audio.addEventListener('ended', function() {
197audio.load();
198}, false);
199
200$('#chara-005 .chara-cv a').click(function() {
201if(audio.paused){
202audio.play();
203}else{
204audio.pause();
205}
206});
207});
208*/
209// 音声再生 end ====================================
210
211
212// スライダー
213$(document).ready(function(){
214$('.slider').slick({
215autoplay: false,
216dots: true,
217fade: false,
218slidesToShow: 1,
219arrows: true,
220prevArrow: '<div class="slick-prev"><img src="img/arrow_prev.png" alt="←"></div>',
221nextArrow: '<div class="slick-next"><img src="img/arrow_next.png" alt="→"></div>',
222});
223});
224
225// Style 切り替え
226/*
227$('#btn-chara-001').on('click', function(){
228if($('#chara-001').hasClass('change')){
229$('#chara-001').removeClass('change');
230} else {
231$('#chara-001').addClass('change');
232}
233});

234*/
235
236// 画像読み込み完了後にクラスを付与する
237$(function(){
238$(window).load(function(){
239$('header').addClass('is-view');
240});
241});
242
243
244$(function() {
245$('.gallery').magnificPopup({
246delegate: 'a',
247type: 'image',
248gallery: {
249enabled:true,
250arrowMarkup: '<span title="%title%" role="button" class="gallery-arrow gallery-arrow-%dir%"></span>'
251},
252zoom: {
253enabled: true,
254duration: 300,
255}
256});
257});