기능 설정(상자){
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
녹색 물고기 / 작은 녹색 물고기 / 중간 녹색 물고기 / 대형 일반 청록색 / 소형 일반 청록색 / 중간 일반 청록색/대형 정원 / 소형 정원 / 매체 정원 / 대형 소프트 뉴트럴 / 스몰 소프트 뉴트럴 / 미디엄 소프트 뉴트럴 / 라지 신선함 / 소형 신선함 / 중간 신선함/대형
