기능 설정(상자){
var track=box.querySelector('.pd-shots')||box.querySelector('.pd-track');
if(!track)은 null을 반환합니다.
var 무화과=[];
var i;
for(i=0;i if(track.children[i].tagName==='FIGURE' && !track.children[i].getAttribute('data-pd-clone')) figs.push(track.children[i]);
}
var n=figs.length;
if(2>n)은 null을 반환합니다.
if(!track.getAttribute('data-pd-ready')){
var last=figs[n-1].cloneNode(true);
var first=figs[0].cloneNode(true);
last.setAttribute('data-pd-clone','1');
first.setAttribute('data-pd-clone','1');
last.setAttribute('aria-hidden','true');
first.setAttribute('aria-hidden','true');
track.insertBefore(last, figs[0]);
track.appendChild(첫번째);
track.setAttribute('data-pd-ready','1');
}
var 인덱스=1;
var countEl=box.querySelector('.pd-count');
var dots=box.querySelectorAll('.pd-dots 버튼');
var isShots=track.className.indexOf('pd-shots')!==-1;
var nav=box.querySelector('.pd-nav');
var 끌기=null;
함수 라이브(){
if(!isShots)는 true를 반환합니다.
if(!nav)는 false를 반환합니다.
return window.getCompulatedStyle(nav).display!=='none';
}
함수 너비(){ return track.clientWidth||1; }
함수 논리(){
var v=인덱스-1;
if(0>v) v=n-1;
if(v>=n) v=0;
v를 반환;
}
함수 페인트(애니메이션){
track.style.transition=animate?'변환 .32s 용이성':'없음';
track.style.transform='translate3d('+(-index*width())+'px,0,0)';
}
함수 표시(){
var v=논리적();
if(countEl) countEl.textContent=(v+1)+' / '+n;
for(var d=0;d }
함수 모드(){
var on=live();
var 어린이=track.children;
var k;
for(k=0;k if(!on){
kids[k].style.flex='';
어린이[k].style.width='';
kids[k].style.minWidth='';
if(kids[k].getAttribute('data-pd-clone')) kids[k].style.display='none';
}또 다른{
kids[k].style.display='';
kids[k].style.flex='0 0 100%';
어린이[k].style.width='100%';
kids[k].style.minWidth='0';
kids[k].style.maxWidth='100%';
}
}
var view=track.parentNode;
if(view && view.className.indexOf('pd-viewport')!==-1){
view.style.touchAction='pan-y';
if(on) view.style.overflow='숨김';
else if(isShots) view.style.overflow='visible';
}
if(!on){
track.style.transform='없음';
track.style.transition='없음';
반품;
}
track.style.overflow='표시';
track.style.touchAction='pan-y';
track.style.scrollSnapType='없음';
페인트(거짓);
보여주다();
}
함수 정착(){
if(색인<1){ 색인=n; 페인트(거짓); }
else if(색인>n){ 색인=1; 페인트(거짓); }
}
track.addEventListener('transitionend', function(e){
if(e.target!==track || e.propertyName!=='transform') return;
해결하다();
보여주다();
});
window.addEventListener('resize', 모드);
방법();
반품 {
트랙:트랙,
시작:함수(e){
if(!live() || !e.touches || e.touches.length!==1) return;
해결하다();
drag={x:e.touches[0].clientX,y:e.touches[0].clientY,dx:0,dy:0,lock:''};
track.style.transition='없음';
},
이동:함수(e){
if(!drag || !e.touches || e.touches.length!==1) return;
drag.dx=e.touches[0].clientX-drag.x;
drag.dy=e.touches[0].clientY-drag.y;
if(!드래그.잠금){
if(10>Math.abs(drag.dx) && 10>Math.abs(drag.dy)) return;
drag.lock=Math.abs(drag.dx)>Math.abs(drag.dy)?'x':'y';
}
if(drag.lock!=='x') return;
if(e.cancelable) e.preventDefault();
track.style.transform='translate3d('+(-index*width()+drag.dx)+'px,0,0)';
},
끝:함수(){
if(!드래그) return;
var dx=드래그.dx;
var lock=드래그.잠금;
드래그=널;
if(lock!=='x'){ 페인트(true); 반품; }
var 제한=Math.min(48, 너비()*0.18);
if(dx<=-limit) index+=1;
else if(dx>=limit) index-=1;
페인트(사실);
보여주다();
루트.pdSkip=1;
window.setTimeout(function(){ root.pdSkip=0; }, 450);
},
취소:함수(){ 드래그=null; 페인트(사실); },
클릭:함수(e){
if(root.pdSkip){ 루트.pdSkip=0; 반품; }
var btn=e.target && e.target.closest ? e.target.closest('버튼') : null;
if(!btn || !box.contains(btn) || !live()) return;
e.preventDefault();
if(btn.className.indexOf('pd-prev')!==-1) index-=1;
else if(btn.className.indexOf('pd-next')!==-1) index+=1;
else if(btn.parentNode && btn.parentNode.className.indexOf('pd-dots')!==-1){
var 버튼=btn.parentNode.querySelectorAll('버튼');
for(var b=0;b }그렇지 않으면 반환;
페인트(사실);
보여주다();
}
};
}
var 컨트롤=[];
var 상자=root.querySelectorAll('[data-pd]');
for(var n=0;n var api=setup(박스[n]);
if(api)controls.push(api);
}
함수 소유자(e){
var node=e && e.target;
if(!node || !node.closest)는 null을 반환합니다.
var box=node.closest('[data-pd]');
if(!box)는 null을 반환합니다.
for(var i=0;i null을 반환;
}
var 활성=널;
반품 {
시작:기능(e){ 활성=소유자(e); if(활성) active.start(e); },
move:function(e){ if(active) active.move(e); },
end:function(){ if(active) active.end(); 활성=널; },
취소:함수(){ if(활성) 활성.취소(); 활성=널; },
클릭:function(e){ var item=owner(e); if(item) item.click(e); }
};
})(이것);
if(event && event.touches) this.pdApi.start(event);" ontouchmove="if(this.pdApi)this.pdApi.move(event);" ontouchend="if(this.pdApi)this.pdApi.end(event);" ontouchcancel="if(this.pdApi)this.pdApi.cancel(event);" onclick="if(!this.pdApi){this.pdApi=this.pdApi||(함수(루트){
기능 설정(상자){
var track=box.querySelector('.pd-shots')||box.querySelector('.pd-track');
if(!track)은 null을 반환합니다.
var 무화과=[];
var i;
for(i=0;i if(track.children[i].tagName==='FIGURE' && !track.children[i].getAttribute('data-pd-clone')) figs.push(track.children[i]);
}
var n=figs.length;
if(2>n)은 null을 반환합니다.
if(!track.getAttribute('data-pd-ready')){
var last=figs[n-1].cloneNode(true);
var first=figs[0].cloneNode(true);
last.setAttribute('data-pd-clone','1');
first.setAttribute('data-pd-clone','1');
last.setAttribute('aria-hidden','true');
first.setAttribute('aria-hidden','true');
track.insertBefore(last, figs[0]);
track.appendChild(첫번째);
track.setAttribute('data-pd-ready','1');
}
var 인덱스=1;
var countEl=box.querySelector('.pd-count');
var dots=box.querySelectorAll('.pd-dots 버튼');
var isShots=track.className.indexOf('pd-shots')!==-1;
var nav=box.querySelector('.pd-nav');
var 끌기=null;
함수 라이브(){
if(!isShots)는 true를 반환합니다.
if(!nav)는 false를 반환합니다.
return window.getCompulatedStyle(nav).display!=='none';
}
함수 너비(){ return track.clientWidth||1; }
함수 논리(){
var v=인덱스-1;
if(0>v) v=n-1;
if(v>=n) v=0;
v를 반환;
}
함수 페인트(애니메이션){
track.style.transition=animate?'변환 .32s 용이성':'없음';
track.style.transform='translate3d('+(-index*width())+'px,0,0)';
}
함수 표시(){
var v=논리적();
if(countEl) countEl.textContent=(v+1)+' / '+n;
for(var d=0;d }
함수 모드(){
var on=live();
var 어린이=track.children;
var k;
for(k=0;k if(!on){
kids[k].style.flex='';
어린이[k].style.width='';
kids[k].style.minWidth='';
if(kids[k].getAttribute('data-pd-clone')) kids[k].style.display='none';
}또 다른{
kids[k].style.display='';
kids[k].style.flex='0 0 100%';
어린이[k].style.width='100%';
kids[k].style.minWidth='0';
kids[k].style.maxWidth='100%';
}
}
var view=track.parentNode;
if(view && view.className.indexOf('pd-viewport')!==-1){
view.style.touchAction='pan-y';
if(on) view.style.overflow='숨김';
else if(isShots) view.style.overflow='visible';
}
if(!on){
track.style.transform='없음';
track.style.transition='없음';
반품;
}
track.style.overflow='표시';
track.style.touchAction='pan-y';
track.style.scrollSnapType='없음';
페인트(거짓);
보여주다();
}
함수 정착(){
if(색인<1){ 색인=n; 페인트(거짓); }
else if(색인>n){ 색인=1; 페인트(거짓); }
}
track.addEventListener('transitionend', function(e){
if(e.target!==track || e.propertyName!=='transform') return;
해결하다();
보여주다();
});
window.addEventListener('resize', 모드);
방법();
반품 {
트랙:트랙,
시작:함수(e){
if(!live() || !e.touches || e.touches.length!==1) return;
해결하다();
drag={x:e.touches[0].clientX,y:e.touches[0].clientY,dx:0,dy:0,lock:''};
track.style.transition='없음';
},
이동:함수(e){
if(!drag || !e.touches || e.touches.length!==1) return;
drag.dx=e.touches[0].clientX-drag.x;
drag.dy=e.touches[0].clientY-drag.y;
if(!드래그.잠금){
if(10>Math.abs(drag.dx) && 10>Math.abs(drag.dy)) return;
drag.lock=Math.abs(drag.dx)>Math.abs(drag.dy)?'x':'y';
}
if(drag.lock!=='x') return;
if(e.cancelable) e.preventDefault();
track.style.transform='translate3d('+(-index*width()+drag.dx)+'px,0,0)';
},
끝:함수(){
if(!드래그) return;
var dx=드래그.dx;
var lock=드래그.잠금;
드래그=널;
if(lock!=='x'){ 페인트(true); 반품; }
var 제한=Math.min(48, 너비()*0.18);
if(dx<=-limit) index+=1;
else if(dx>=limit) index-=1;
페인트(사실);
보여주다();
루트.pdSkip=1;
window.setTimeout(function(){ root.pdSkip=0; }, 450);
},
취소:함수(){ 드래그=null; 페인트(사실); },
클릭:함수(e){
if(root.pdSkip){ 루트.pdSkip=0; 반품; }
var btn=e.target && e.target.closest ? e.target.closest('버튼') : null;
if(!btn || !box.contains(btn) || !live()) return;
e.preventDefault();
if(btn.className.indexOf('pd-prev')!==-1) index-=1;
else if(btn.className.indexOf('pd-next')!==-1) index+=1;
else if(btn.parentNode && btn.parentNode.className.indexOf('pd-dots')!==-1){
var 버튼=btn.parentNode.querySelectorAll('버튼');
for(var b=0;b }그렇지 않으면 반환;
페인트(사실);
보여주다();
}
};
}
var 컨트롤=[];
var 상자=root.querySelectorAll('[data-pd]');
for(var n=0;n var api=setup(박스[n]);
if(api)controls.push(api);
}
함수 소유자(e){
var node=e && e.target;
if(!node || !node.closest)는 null을 반환합니다.
var box=node.closest('[data-pd]');
if(!box)는 null을 반환합니다.
for(var i=0;i null을 반환;
}
var 활성=널;
반품 {
시작:기능(e){ 활성=소유자(e); if(활성) active.start(e); },
move:function(e){ if(active) active.move(e); },
end:function(){ if(active) active.end(); 활성=널; },
취소:함수(){ if(활성) 활성.취소(); 활성=널; },
클릭:function(e){ var item=owner(e); if(item) item.click(e); }
};
})(이것);
if(event && event.touches) this.pdApi.start(event);}if(this.pdApi&&event)this.pdApi.click(event);">
선반에
유리 본체 위에 나무 뚜껑
건조된 제품은 유리를 통해 계속 보입니다. 사진 속 내용은 스타일링용입니다.
세부 사항
뚜껑 결, 유리 테두리, 뚜껑 밑면
나무 뚜껑에 결이 보입니다. 유리는 완성된 테두리에서 뚜껑과 만나고, 뚜껑 아래쪽을 돌려서 맞춥니다.
뚜껑결 유리 테두리 뚜껑 밑면
1 / 3
유리병, 내부 직경 95mm(3.7인치), 높이 60mm(2.4인치) 유리병, 내경 80mm(3.1인치), 높이 100mm(3.9인치) 유리병, 내부 직경 95mm(3.7인치), 높이 120mm(4.7인치) 유리병, 내부 직경 80mm(3.1인치), 높이 150mm(5.9인치) 유리병, 내부 직경 80mm(3.1인치), 높이 200mm(7.9인치) 유리병, 내부 직경 95mm(3.7인치), 높이 250mm(9.8인치) 유리병으로 설정 목재 부품 번호 118, 유리병 없음 목재 부품 번호 119, 유리병 없음 목재 부품 번호 116, 유리병 없음 목재 부품 번호 117, 유리병 없음 목재 부품 번호 114, 유리병 없음 목재 부품 번호 115, 유리병 없음
