https://www.showa-nittan.co.jp/cms/pc/common/js/animation_slide.js

1;
2
3(function($) {
4		$(function() {
5
6				$('.illust').height($('.slider-container').height())
7				$('.illust>div').height($('.slider-container').height())
8				$('.illust').width($('.slider-container').width())
9				$('.illust>div').width($('.slider-container').width())
10				$('.illust>div').css('background-size', $('.slider-container').width())
11
12				$('.slider-wrapper').slick({
13						slidesToShow: 1,
14						slidesToScroll: 1,
15						arrows: false,
16						dots: true,
17						autoplay: true,
18						autoplaySpeed: 6000,
19						fade:true,
20						cssEase:'linear'
21					})
22
23
24
25				var timer = false;
26$(window).load(function(){
27				$('.illust').height($('.slider-container').height())
28				$('.illust>div').height($('.slider-container').height())
29				$('.illust').width($('.slider-container').width())
30				$('.illust>div').width($('.slider-container').width())
31				$('.illust>div').css('background-size', $('.slider-container').width())
32})
33				$(window).resize(function() {
34						$('body').addClass('resizing')
35						if (timer !== false) {
36							clearTimeout(timer);
37						}
38
39						timer = setTimeout(function() {
40							$('.illust').height($('.slider-container').height())
41							$('.illust>div').height($('.slider-container').height())
42
43							$('.illust').width($('.slider-container').width())
44							$('.illust>div').width($('.slider-container').width())
45
46							$('.illust>div').css('background-size', $('.slider-container').width())
47
48							setTimeout(function() {
49								$('body').removeClass('resizing')
50							}, 200)
51						}, 200);
52					}
53
54				);
55			}
56
57		);
58	}
59
60)(jQuery);