https://tokyoartsandspace.jp/static/js/textresize.js

1$(function(){
2	var target = $('html');			 // ƒtƒHƒ“ƒgƒTƒCƒY•ÏXƒGƒŠƒA
3	var controler = $('#fontZoom dd');	// ƒtƒHƒ“ƒgƒTƒCƒY•ÏXƒ{ƒ^ƒ“i‰æ‘œ‚ ‚é‚¢‚̓eƒLƒXƒg‚ðÝ’èj
4	var fontSize = [62.5,70];			// ƒtƒHƒ“ƒgƒTƒCƒYi’PˆÊ‚́“AHTML‚Æ“¯‚¶•À‚я‡j
5	var hoverSuffix = '';			 // ƒ{ƒo[—p‰æ‘œ‚̐ڔöŽ«–¼iƒ{ƒo[—p‰æ‘œ‚ðŽg—p‚µ‚È‚¢ê‡‚Í’l‚ð‹ó‚É‚·‚éj
6	var activeSuffix = '';	  // ƒAƒNƒeƒBƒu—p‰æ‘œ‚̐ڔöŽ«–¼iƒAƒNƒeƒBƒu—p‰æ‘œ‚ðŽg—p‚µ‚È‚¢ê‡‚Í’l‚ð‹ó‚É‚·‚éj
7	var hoverClass = '';			// ƒtƒHƒ“ƒgƒTƒCƒY•ÏXƒ{ƒ^ƒ“‚̃{ƒo[Žž‚̃Nƒ‰ƒX–¼iƒ{ƒo[Žž‚̃Nƒ‰ƒX‚ðŽg—p‚µ‚È‚¢ê‡‚Í’l‚ð‹ó‚É‚·‚éj
8	var activeClass = 'active';		 // ƒtƒHƒ“ƒgƒTƒCƒY•ÏXƒ{ƒ^ƒ“‚̃AƒNƒeƒBƒuŽž‚̃Nƒ‰ƒX–¼iƒAƒNƒeƒBƒuŽž‚̃Nƒ‰ƒX‚ðŽg—p‚µ‚È‚¢ê‡‚Í’l‚ð‹ó‚É‚·‚éj
9	var defaultFont = 0;				  // ‰ŠúƒtƒHƒ“ƒgƒTƒCƒYÝ’èiHTML‚Æ“¯‚¶•À‚я‡‚Å0‚©‚çÝ’èj
10	var cookieExpires = 7;				// ƒNƒbƒL[•Û‘¶ŠúŠÔ
11	var number = fontSize.length;	  // ƒtƒHƒ“ƒgƒTƒCƒY•ÏXƒ{ƒ^ƒ“‚̐”
12	var hoverImg = hoverSuffix!='' && controler.is('[src]');
13	var activeImg = activeSuffix!='' && controler.is('[src]');
14
15	// ƒNƒbƒL[Ý’è
16	function cookieSet(index){
17		$.cookie('fontsize',fontSize[index],{path:'/',expires:cookieExpires});
18	}
19
20	// Œ»ÝƒtƒHƒ“ƒgƒTƒCƒYŽæ“¾
21	function nowFont(){
22		return $.cookie('fontsize');
23	}
24
25	// ƒtƒHƒ“ƒgƒTƒCƒYÝ’è
26	function changeFont(){
27		target.css({'font-size':nowFont()+'%'});
28	}
29
30	// ƒ{ƒ^ƒ“‰æ‘œƒnƒCƒ‰ƒCƒgƒIƒ“
31	function imgOn(btn,suffix) {
32		btn.attr('src',btn.attr('src').replace(eval('/^(\.+)(\\.[a-z]+)$/'),'$1'+suffix+'$2')).css('cursor','pointer');
33	}
34
35	// ƒ{ƒ^ƒ“‰æ‘œƒnƒCƒ‰ƒCƒgƒIƒt
36	function imgOff(btn,suffix) {
37		btn.attr('src',btn.attr('src').replace(eval('/^(\.+)'+suffix+'(\\.[a-z]+)$/'),'$1$2')).css('cursor','pointer');
38	}
39
40	// ‰Šú•\Ž¦
41	// ƒtƒHƒ“ƒgƒTƒCƒY‚ªƒNƒbƒL[‚É•Û‘¶‚³‚ê‚Ä‚¢‚éê‡
42	if(nowFont()){
43		for(var i=0; i<number; i++){
44			if(nowFont()==fontSize[i]){
45				// ‰Šúƒ{ƒ^ƒ“Ý’è
46				var btn = controler.eq(i);
47				// ƒtƒHƒ“ƒgƒTƒCƒYÝ’è
48				changeFont();
49				// ƒAƒNƒeƒBƒu—p‚̉摜‚ª‚ ‚éê‡‚Í•\Ž¦
50				if(activeImg){
51					imgOn(btn,activeSuffix);
52				}
53				 // ƒAƒNƒeƒBƒuŽž‚̃Nƒ‰ƒX–¼‚ðÝ’è
54				btn.addClass(activeClass);
55			}
56		}
57	}
58	// ƒtƒHƒ“ƒgƒTƒCƒY‚ªƒNƒbƒL[‚É•Û‘¶‚³‚ê‚Ä‚¢‚È‚¢ê‡
59	else {
60		// ‰Šúƒ{ƒ^ƒ“Ý’è
61		var btn = controler.eq(defaultFont);
62		// ƒfƒtƒHƒ‹ƒg‚̃tƒHƒ“ƒgƒTƒCƒY‚ðƒNƒbƒL[‚É•Û‘¶‚·‚é
63		cookieSet(defaultFont);
64		// ƒtƒHƒ“ƒgƒTƒCƒYÝ’è
65		changeFont();
66		// ƒAƒNƒeƒBƒu—p‚̉摜‚ª‚ ‚éê‡‚Í•\Ž¦
67		if(activeImg){
68			imgOn(btn,activeSuffix);
69		}
70		 // ƒAƒNƒeƒBƒuŽž‚̃Nƒ‰ƒX–¼‚ðÝ’è
71		btn.addClass(activeClass);
72	}
73
74	// ƒzƒo[ƒCƒxƒ“ƒg
75	controler.each(function(i){
76		// Œ»Ý‚̃{ƒ^ƒ“—v‘f‚ðŽæ“¾
77		var self = $(this);
78		if(hoverImg){
79			self.hover(
80			function(){
81				if(nowFont()!=fontSize[i]){
82					// ƒzƒo[—p‰æ‘œ‚ɐ؂è‘Ö‚¦
83					imgOn(self,hoverSuffix);
84					return;
85				}
86			},
87			function(){
88				if(nowFont()!=fontSize[i]){
89					// ’ʏí—p‰æ‘œ‚ɐ؂è‘Ö‚¦
90					imgOff(self,hoverSuffix);
91				}
92			});
93		}
94		self.hover(
95		function(){
96			if(nowFont()!=fontSize[i]){
97				// ƒzƒo[‚µ‚½ƒ{ƒ^ƒ“‚Ƀzƒo[Žž‚̃Nƒ‰ƒX–¼‚ðÝ’è
98				self.addClass(hoverClass);
99			}
100		},
101		function(){
102			if(nowFont()!=fontSize[i]){
103				// ƒzƒo[‚µ‚½ƒ{ƒ^ƒ“‚̃zƒo[Žž‚̃Nƒ‰ƒX–¼‚ðíœ
104				self.removeClass(hoverClass);
105			}
106		});
107	});
108
109	// ƒNƒŠƒbƒNƒCƒxƒ“ƒg
110	controler.click(function(){
111		// Œ»Ý‚̃{ƒ^ƒ“—v‘f‚ðŽæ“¾
112		var self = $(this);
113		// Œ»Ý‚̃{ƒ^ƒ“—v‘f‚̃Cƒ“ƒfƒbƒNƒX”ԍ†iƒ{ƒ^ƒ“IDj‚ðŽæ“¾
114		var index = controler.index(self);
115		// ƒtƒHƒ“ƒgƒTƒCƒY‚ðƒNƒbƒL[‚É•Û‘¶‚·‚é
116		cookieSet(index);
117		// ƒtƒHƒ“ƒgƒTƒCƒYÝ’è
118		changeFont();
119		if(hoverImg){
120			// ƒzƒo[—p‰æ‘œ‚ðƒIƒt
121			imgOff(self,hoverSuffix);
122		}
123		if(activeImg){
124			// ƒAƒNƒeƒBƒu—p‰æ‘œ‚ɐ؂è‘Ö‚¦
125			imgOn(self,activeSuffix);
126			// ”ñÝ’è‰æ‘œ‚̃AƒNƒeƒBƒu—p‰æ‘œ‚ð’ʏí—p‚ɐ؂è‘Ö‚¦
127			for(var i=0; i<number; i++){
128				if(nowFont()!=fontSize[i]){
129					imgOff(controler.eq(i),activeSuffix);
130				}
131			}
132		}
133		// ƒNƒŠƒbƒN‚µ‚½ƒ{ƒ^ƒ“‚̃zƒo[Žž‚̃Nƒ‰ƒX–¼‚ðíœ
134		self.removeClass(hoverClass);
135		// ƒNƒŠƒbƒN‚µ‚½ƒ{ƒ^ƒ“‚ɃAƒNƒeƒBƒuŽž‚̃Nƒ‰ƒX–¼‚ðÝ’è
136		self.addClass(activeClass);
137		// ”ñÝ’èƒ{ƒ^ƒ“‚̃AƒNƒeƒBƒuŽž‚̃Nƒ‰ƒX–¼‚ðíœ
138		controler.not(self).removeClass(activeClass);
139	});
140});