https://gracehotel.jp/js/top.js

1// トップページ専用JS
2
3$(function () {
4
5	// MAIN VISUAL
6	$("div.indexTopWrap").imagesLoaded(function () {
7		$("div.indexTopWrap span.load").fadeOut(600, function () {
8			sld();
9			$('.base-pic-pc').attr('src' , "/img/top/blank_sld_pc.png")
10			$('.base-pic-sp').attr('src' , "/img/top/blank_sld_sp.png")
11		});
12	});
13
14	var nNow = 0;
15	var nMax = $("div.indexTopWrap ul li").length;
16
17	function sld() {
18		if (nNow == 0) {
19			var nPast;
20		} else {
21			var nPast = "li.sld" + nNow;
22		}
23		nNow++;
24		if (nNow > nMax) {
25			nNow = 1;
26		}
27		var nNext = "li.sld" + nNow;
28		$(nNext).addClass("on");
29		$(nPast).removeClass("on");
30		setTimeout(sld, 4000);
31	}
32	
33	//RECOMMEND TAB
34	$("ul.topRecommendBtnList li span").click(function () {
35		var nN = $('ul.topRecommendBtnList li').index($(this).closest("li"));
36		$("ul.topRecommendBtnList li span").removeClass("on");
37		$("div.topRecommendBlock").removeClass("on");
38		$(this).addClass("on");
39		$("div.topRecommendBlock").eq(nN).addClass("on");
40		$('div.topRecommendBlock.on div.specialList').slick('setPosition');
41	});
42
43	//SLICK (INDEX)
44	$('ul.topSlideMainList').slick({
45		dots: true,
46		arrows: true,
47		infinite: true,
48		autoplay: true,
49		speed: 700,
50		slidesToShow: 1,
51		slidesToScroll: 1,
52		fade: true,
53		adaptiveHeight: true
54	});
55
56});