https://bearbrick.com/assets/script/product.js

1
2
3;(function() {
4	var	activeNumber = 0,
5	slideValue,
6	slideWidth = 317,
7	bSlide,
8	timer,
9	sizeTxt,
10	sizeKey,
11	dateTxt,
12	dateKey,
13	datalist,
14	lastNumber;
15
16	sliderTimer = function(){
17		clearTimeout(timer);
18		timer = setTimeout(function(){
19			$('.next').click();
20		},8000);
21	},
22
23	moveSlide = function(direct){
24		clearTimeout(timer);
25		$('#slideMain li').removeClass('active');
26		$('#pagerList li').removeClass('active');
27
28		if(direct === 'prev'){
29			if(activeNumber != 0){
30				activeNumber -= 1;
31			}else{
32				activeNumber = lastNumber;
33			}
34		}else if(direct === 'next'){
35			if(activeNumber != lastNumber){
36				activeNumber += 1;
37			}else{
38				activeNumber = 0;
39			}
40		}
41
42		$('#slideMain li').eq(activeNumber).addClass('active');
43		$('#pagerList li').eq(activeNumber).addClass('active');
44
45		slideValue = activeNumber * slideWidth ;
46		$('#slideMain').stop(true, true).animate({
47			'left': - slideValue	},700,'easeOutQuint',function(){
48				sliderTimer();
49			});
50	};
51
52
53	$(function(){
54		var slideValue = 0;
55		var navSlide;
56
57		$('.sizeSelect span').html($('.selectWord .size mark a').html());
58		$('.dateSelect span').html($('.selectWord .date mark a').html());
59
60		$('#slideMain li:first').addClass('active');
61
62		var slideSize = $('#slideMain li').size();
63		lastNumber = slideSize - 1;
64		$('#slideMain').css('width' , slideWidth*slideSize );
65
66		if(slideSize > 1){
67			var listItem = '<li></li>';
68			for(var i=1; i<slideSize; i+=1){
69				listItem = listItem + '<li></li>';
70			}
71			$('#pagerList ul').append(listItem);
72			$('#pagerList li:first').addClass('active');
73			$('#pagerList li').click(function(){
74				clearTimeout(timer);
75				activeNumber = $('#pagerList li').index(this);
76				$('#pagerList li').removeClass('active');
77				$(this).addClass('active');
78				$('.prev').css('display','block');
79				$('.next').css('display','block');
80				if(activeNumber === 0){
81					$('.prev').css('display','none');
82				}else　if(activeNumber === lastNumber){
83					$('.next').css('display','none');
84				}
85				slideValue = activeNumber * slideWidth ;
86				$('#slideMain').stop(true, true).animate({
87					'left': - slideValue	},700,'easeOutQuint',function(){
88						sliderTimer();
89					});
90			});
91		}else{
92			$('#pagerBtn').remove();
93		}
94		moveSlide();
95
96
97
98		$('#pagerBtn .prev').hover(
99			function () {
100				$(this).stop(true, false).animate({
101					'left' : -7
102				},200,'swing');
103			},
104			function () {
105				$(this).stop(true, false).animate({
106					'left' : 0
107				},200,'swing');
108			}
109			);
110		$('#pagerBtn .next').hover(
111			function () {
112				$(this).stop(true, false).animate({
113					'left' : 545
114				},200,'swing');
115			},
116			function () {
117				$(this).stop(true, false).animate({
118					'left' : 538
119				},200,'swing');
120			}
121			);
122
123		$('#pagerBtn .prev').click(function(){
124			moveSlide('prev');
125		});
126
127		$('#pagerBtn .next').click(function(){
128			moveSlide('next');
129		});
130
131	// アイテム一覧ホバー効果

132	$('#itemList li').hover(
133		function () {
134			$('.overWrap',this).stop(true,true).animate({
135				top: 0
136			}, 300,"easeInOutCubic");
137		},
138		function () {
139			$('.overWrap',this).stop(true,true).animate({
140				top: -220
141			}, 300,"easeInOutCubic");
142		}
143		);
144
145$('.sizeSelect').click(function(){
146	if($('.selectWord .size').css('display') === 'none'){
147		$('.selectWord .date').slideUp('100');
148		$('.selectWord .size').slideDown('100');
149	}else{
150		$('.selectWord .size').slideUp('100');
151	}
152});
153$('.selectWord .size li a').click(function(){
154	sizeTxt = $(this).html();
155	$('.sizeSelect span').html(sizeTxt);
156});
157
158$('.dateSelect').click(function(){
159	if($('.selectWord .date').css('display') === 'none'){
160		$('.selectWord .size').slideUp();
161		$('.selectWord .date').slideDown();
162	}else{
163		$('.selectWord .date').slideUp();
164	}
165});
166$('.selectWord .date li a').click(function(){
167	dateTxt = $(this).html();
168	$('.dateSelect span').html(dateTxt);
169});
170
171
172
173
174$('#archiveList li').hover(
175	function () {
176		$(this).stop(true,true).fadeTo(400,'0.5');
177	},
178	function () {
179		$(this).stop(true,true).fadeTo(400,'1');
180	}
181	);
182
183var cnt = 0;
184$('#itemList,#archiveList').find('li').each(function(){
185	$(this).hide().delay(80*cnt++).fadeIn('400');
186});
187
188
189
190});
191})();
192
193if (!('console' in window)) {
194	window.console = {};
195	window.console.log = function(str){
196		return str;
197	};
198}