https://eguchi-dental.jp/wp/wp-content/themes/custum/slider.js

1$(function (){
2	//設定
3	var active="active",interval=5000;
4	var index=0, timerId=null;
5	var tabs=$("#thumbBtn > li"), content=$("#view > p"), cap=$("#caption > li");
6	
7	//クラスの付与
8	tabs.each(function(){$(this).removeClass(active);});
9	content.hide();
10	cap.hide();
11	tabs.eq(0).addClass(active);
12	content.eq(0).fadeIn(2000);
13	cap.eq(0).fadeIn(2000);
14	
15	//クリックされたらactiveというクラスを付与、
16	//切り替え、タイマーをリセット
17	tabs.click(function(){
18		if($(this).hasClass("active")) return;
19		if(timerId) clearInterval(timerId),timerId=null;
20		change(tabs.index(this));
21		setTimer();
22		return false;
23	});
24	
25	//タイマー
26	setTimer();
27	function setTimer(){
28		timerId=setTimeout(timeProcess,interval);
29		return false;
30	}
31	
32	function timeProcess(){
33		change((index+1)%tabs.length);
34		timerId=setTimeout(arguments.callee,interval);
35	}
36	
37	//切り替え
38	function change(t_index){
39		tabs.eq(index).removeClass(active);
40		tabs.eq(t_index).addClass(active);
41		//fadeout
42		setTimeout(function(){
43			content.eq(index).stop(true, true).fadeOut(500),
44			cap.eq(index).stop(true, true).hide()
45		;}, 300);
46		//fadein
47		setTimeout(function(){
48			index=t_index;
49			content.eq(index).fadeIn(500),
50			cap.eq(index).fadeIn(1000)
51		;}, 400)
52	}
53});