https://smart-h.co.jp/wp-content/themes/common/js/mainworks.js

1
2 $(function(){
3	if(navigator.userAgent.match(/(iPhone|iPad|iPod|Android)/)){
4		document.body.style.cursor = 'pointer';
5	}
6
7
8
9	/**
10	 *
11	 *  work infinite slider
12	 *
13	 *
14	 *
15	 */
16
17	 var option = {
18		autoplay: true,
19		autoplaySpeed: 0,
20		cssEase: 'linear',
21		arrows: false,
22		dots: false,
23		infinite: true,
24		speed: 20000,
25		// speed: 24000,
26		variableWidth: true,
27		pauseOnFocus: false,
28		pauseOnHover: false,
29		pauseOnDotsHover: false,
30		draggable: false,
31		focusOnSelect: false,
32		slidesToShow: 3,
33		slidesToScroll: 1,
34		// centerMode: true,
35		// centerPadding: '50px',
36		responsive: [{
37			breakpoint: 768,
38			settings: 'unslick'
39		}]
40	};
41
42
43	/**
44	 *  768以下で 止める
45	 */
46	// load のタイミングで 実行
47	// $('#reli_work').slick('setPosition');
48	$(window).on('load',function(){
49		if ( window.innerWidth > 768 ) {
50			$('#reli_work').slick(option);
51		}
52	});
53	// resizeした時に 768以上だったら 1回だけまた実行
54	$(window).on('load resize',function(){
55		if ( window.innerWidth > 768 ) {
56			if ( $('#reli_work').hasClass('js_work__on') ) {
57				$('#reli_work').slick(option).removeClass('js_work__on');
58				// console.log('スライダーをリスタート')
59				$('#reli_work').show().height('');
60			}
61		} else{
62			$('#reli_work').addClass('js_work__on');
63			$('#reli_work').addClass('reli_work__sp')
64		}
65	});
66
67
68	/**
69	 *
70	 * work slider __In
71	 *
72	 *
73	 */
74	 $('.work_slider__in:odd').each(function(){
75		var slide = $(this).children('div'),
76		min_slide = 1,
77		max_slide = slide.length;
78
79		function topslider(){
80			slide.eq( min_slide - 1 ).stop().animate({
81				'opacity': 0,
82			},1500);
83			min_slide++;
84			if ( min_slide > max_slide ) {
85				min_slide=1;
86			}
87			slide.eq( min_slide - 1 ).stop().animate({
88				'opacity': 1,
89			},1500);
90		};
91		setInterval( topslider ,5000 );
92	 });
93
94	 $('.work_slider__in:even').each(function(){
95		var slide2 = $(this).children('div'),
96		min_slide2 = 1,
97		max_slide2 = slide2.length;
98
99		function topslider2(){
100			slide2.eq( min_slide2 - 1 ).stop().animate({
101				'opacity': 0,
102			},1500);
103			min_slide2++;
104			if ( min_slide2 > max_slide2 ) {
105				min_slide2=1;
106			}
107			slide2.eq( min_slide2 - 1 ).stop().animate({
108				'opacity': 1,
109			},1500);
110		};
111		setTimeout(function(){
112			setInterval( topslider2 ,5000 );
113		},2000)
114	 });
115
116
117
118});
119
120
121
122