https://mojiko.info/js/zoom.js

1$(function () {
2
3	
4
5//find画像拡大
6
7$('.fp1').hover(function() {
8 $(".find1 .findphoto").css("overflow","hidden");
9	$(".find2 .findphoto").css("overflow","hidden");
10	$(".fp1 img").css("display","block");
11	$(".fp1 img").css("transition-duration","0.3s");
12	$(".fp1 img").css("transform","scale(1.1)");
13	}, function() {
14    $(".findphoto img").css("transform","scale(1)");
15	$(".findphoto img").css("transition-duration","0.3s");
16  });	
17	
18$('.fp2').hover(function() {
19 $(".find1 .findphoto").css("overflow","hidden");
20	$(".find2 .findphoto").css("overflow","hidden");
21	$(".fp2 img").css("display","block");
22	$(".fp2 img").css("transition-duration","0.3s");
23	$(".fp2 img").css("transform","scale(1.1)");
24	}, function() {
25    $(".findphoto img").css("transform","scale(1)");
26	$(".findphoto img").css("transition-duration","0.3s");
27  });		
28	
29	$('.fp3').hover(function() {
30 $(".find1 .findphoto").css("overflow","hidden");
31	$(".find2 .findphoto").css("overflow","hidden");
32	$(".fp3 img").css("display","block");
33	$(".fp3 img").css("transition-duration","0.3s");
34	$(".fp3 img").css("transform","scale(1.1)");
35	}, function() {
36    $(".findphoto img").css("transform","scale(1)");
37	$(".findphoto img").css("transition-duration","0.3s");
38  });	
39	
40	
41	//findフェードイン
42	
43//	$('.find-fim01').on('inview', function(event, isInView, visiblePartX, visiblePartY) {
44//		if(isInView){
45//			$(this).stop().addClass('fim01');
46//		}
47//		else{
48//			$(this).stop().removeClass('fim01');
49//		}
50//	});
51//	
52//$('.find-fim02').on('inview', function(event, isInView, visiblePartX, visiblePartY) {
53//		if(isInView){
54//			$(this).stop().addClass('fim02');
55//		}
56//		else{
57//			$(this).stop().removeClass('fim02');
58//		}
59//	});
60//	
61//	$('.find-fim03').on('inview', function(event, isInView, visiblePartX, visiblePartY) {
62//		if(isInView){
63//			$(this).stop().addClass('fim03');
64//		}
65//		else{
66//			$(this).stop().removeClass('fim03');
67//		}
68//	});
69	
70	//spフェードイン
71//	
72//	$('.sp-fade01').on('inview', function(event, isInView, visiblePartX, visiblePartY) {
73//		if(isInView){
74//			$(this).stop().addClass('fade01');
75//		}
76//		else{
77//			$(this).stop().removeClass('fade01');
78//		}
79//	});
80//	
81//	//fdフェードイン
82//	
83//	$('.fd-fade01').on('inview', function(event, isInView, visiblePartX, visiblePartY) {
84//		if(isInView){
85//			$(this).stop().addClass('ffade01');
86//		}
87//		else{
88//			$(this).stop().removeClass('ffade01');
89//		}
90//	});
91	
92	//paフェードイン
93	
94//	$('.pa-fade01').on('inview', function(event, isInView, visiblePartX, visiblePartY) {
95//		if(isInView){
96//			$(this).stop().addClass('paade01');
97//		}
98//		else{
99//			$(this).stop().removeClass('paade01');
100//		}
101//	});
102  
103  //topフェードイン
104  
105	$(window).scroll(function (){
106		$('.find-fim01').each(function(){
107			var elemPos = $(this).offset().top;
108			var scroll = $(window).scrollTop();
109			var windowHeight = $(window).height();
110			if (scroll > elemPos - windowHeight){
111				$(this).addClass('fim01');
112			}
113		});
114	});
115  
116  $(window).scroll(function (){
117		$('.find-fim02').each(function(){
118			var elemPos = $(this).offset().top;
119			var scroll = $(window).scrollTop();
120			var windowHeight = $(window).height();
121			if (scroll > elemPos - windowHeight){
122				$(this).addClass('fim02');
123			}
124		});
125	});
126  
127  $(window).scroll(function (){
128		$('.find-fim03').each(function(){
129			var elemPos = $(this).offset().top;
130			var scroll = $(window).scrollTop();
131			var windowHeight = $(window).height();
132			if (scroll > elemPos - windowHeight){
133				$(this).addClass('fim03');
134			}
135		});
136	});
137  
138  //spフェードイン
139  $(window).scroll(function (){
140		$('.sp-fade01').each(function(){
141			var elemPos = $(this).offset().top;
142			var scroll = $(window).scrollTop();
143			var windowHeight = $(window).height();
144			if (scroll > elemPos - windowHeight){
145				$(this).addClass('fade01');
146			}
147		});
148	});
149  
150  //fdフェードイン
151  $(window).scroll(function (){
152		$('.fd-fade01').each(function(){
153			var elemPos = $(this).offset().top;
154			var scroll = $(window).scrollTop();
155			var windowHeight = $(window).height();
156			if (scroll > elemPos - windowHeight){
157				$(this).addClass('ffade01');
158			}
159		});
160	});
161  

162  //paフェードイン
163  $(window).scroll(function (){
164		$('.pa-fade01').each(function(){
165			var elemPos = $(this).offset().top;
166			var scroll = $(window).scrollTop();
167			var windowHeight = $(window).height();
168			if (scroll > elemPos - windowHeight){
169				$(this).addClass('paade01');
170			}
171		});
172	});
173  
174      //eventimg
175  $(window).scroll(function (){
176		$('.event-article-img').each(function(){
177			var elemPos = $(this).offset().top;
178			var scroll = $(window).scrollTop();
179			var windowHeight = $(window).height();
180			if (scroll > elemPos - windowHeight){
181				$(this).addClass('appear');
182			}
183		});
184	});
185  
186  $(window).scroll();
187});
188
189