https://ybht.co.jp/js/jquery.gallery.js

1
2
3(function(jQuery){
4	jQuery.fn.slideshow = function(options){
5		var options = jQuery.extend({
6			fadeTime:1000,
7			delayTime:5000,
8			thumbOpacity:0.5
9		},options);
10		var setId =this;
11		var fadeTime= options.fadeTime;
12		var delayTime= options.delayTime;
13		var thumbOpacity= options.thumbOpacity;
14		
15		setId.find('div div').each(function(i){
16			$(this).attr('id','view' + (i + 1).toString());
17			setId.find('div div').css({zIndex:'98',opacity:'0'});
18			setId.find('div div:first').css({zIndex:'99'}).stop().animate({opacity:'1'},fadeTime);
19		});
20
21		setId.find('ul li').click(function(){
22			clearInterval(setTimer);
23			var connectCont = setId.find('ul li').index(this);
24			var showCont = connectCont+1;
25
26			setId.find('div div#view' + (showCont)).siblings().stop().animate({opacity:'0'},fadeTime,function(){$(this).css({zIndex:'98'})});
27			setId.find('div div#view' + (showCont)).stop().animate({opacity:'1'},fadeTime,function(){$(this).css({zIndex:'99'})});
28
29			$(this).addClass('active').css({opacity:'1'});
30			$(this).siblings().removeClass('active').css({opacity:thumbOpacity});
31
32			timer();
33
34		});
35
36		setId.find('ul li').css({opacity:thumbOpacity});
37		setId.find('ul li:first').addClass('active').css({opacity:'1'});
38
39		timer();
40
41		function timer() {
42			setTimer = setInterval(function(){
43				$('li.active').each(function(){
44					var listLengh = setId.find('ul li').length;
45					var listIndex = setId.find('ul li').index(this);
46					var listCount = listIndex+1;
47
48					if(listLengh == listCount){
49						setId.find('ul li:first').click()
50					} else {
51						$(this).next('li').click();
52					};
53				});
54			},delayTime);
55		};
56	};
57})(jQuery);