https://motherld.com/js/index.js

1console.log('index.js');
2
3$(document).ready(function(){
4
5  var controller = new ScrollMagic.Controller();
6  var offset2 = 1000;
7
8  if(smpFlag){
9    offset2 = 1300;
10  }
11
12	// メインイメージ部分アニメーション（スクロールリニア）
13	tween = TweenMax.to($('#mainImage'), 1, { backgroundPosition: '50% 90%' });
14	new ScrollMagic.Scene({
15		triggerElement: '#mainImage',
16		triggerHook: "onEnter",
17		duration: window.innerHeight,
18		offset: offset2,
19	})
20	.setTween(tween)
21	.addTo(controller);
22
23	// 区切りイメージ部分アニメーション（スクロールリニア）
24	tween = TweenMax.to($('#sepImage'), 1, { backgroundPosition: '50% 100%' });
25	new ScrollMagic.Scene({
26		triggerElement: '#sepImage',
27		triggerHook: "onEnter",
28		duration: (window.innerHeight * 1.5),
29	})
30	.setTween(tween)
31	.addTo(controller);
32
33  // バナーポップアップ部サムネイルクリック時の処理
34	$('.photoLib ul li a').click(function(){
35		var tgt = $(this).children(),
36			baseD = $(this).parent().parent().parent(),
37			dist = $(baseD).children("p").children("img");
38
39		$(dist).attr("src",$(tgt).attr("src"));
40		$(".selected",baseD).removeClass("selected");
41		$(this).addClass("selected");
42	});
43
44 	// 神社バナーhover処理
45	$('#JINJYA a').hover(function(){
46		TweenMax.to($(this).parent().children('.bgImg'),.4,{
47			scale: '1.1',
48		});
49	},function(){
50		TweenMax.to($(this).parent().children('.bgImg'),.4,{
51			scale: '1',
52		});
53	});
54
55  // fancyBox
56  $(".fancyBox").fancybox({
57    padding: 10,
58
59    openEffect : 'elastic',
60    openSpeed  : 300,
61
62    closeEffect : 'elastic',
63    closeSpeed  : 300,
64
65    helpers : {
66      overlay : {
67        css : {
68          'background' : 'rgba(0,0,0,0.9)'
69        }
70      }
71    }
72  });
73  
74});