기능 설정(상자){
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
미니 소형, 22 × 15 × 9cm(8.7 × 5.9 × 3.5인치) 대형 사각 바구니, 대형, 36 × 26 × 12cm(14.2 × 10.2 × 4.7인치) 3종 세트, 대형 사각 바구니 대형 사각 바구니, 소형, 31 × 20 × 9 cm(12.2 × 7.9 × 3.5인치) 소형 사각 바구니, 중형, 25 × 17 × 8 cm (9.8 × 6.7 × 3.1 인치) 직사각형, 보관함, 3개 구획, 26 × 19 × 6cm(10.2 × 7.5 × 2.4인치) 소형 사각 바구니, 소형, 20 × 14 × 7 cm (7.9 × 5.5 × 2.8 인치) 3종 세트, 두꺼운 테두리, 보관함, 사다리꼴 대형 사각 바구니, 두꺼운 테두리, 손잡이 있음, 소형, 31 × 20 × 9 cm(12.2 × 7.9 × 3.5 인치) 두꺼운 테두리, 손잡이 있음, 40 × 32 × 21cm(15.7 × 12.6 × 8.3인치) 대형 사각 바구니, 두꺼운 테두리, 손잡이 있음, 대형, 36 × 26 × 12 cm(14.2 × 10.2 × 4.7 인치) 대형 사각 바구니, 두꺼운 테두리, 손잡이 포함, 중형, 34 × 23 × 10cm(13.4 × 9.1 × 3.9인치) 3종 세트, 작은 사각형 바구니 소형 사각 바구니, 대형, 30 × 20 × 9 cm(11.8 × 7.9 × 3.5인치) 미니 2피스 세트 두꺼운 테두리, 대형, 40 × 34 × 8cm(15.7 × 13.4 × 3.1인치) 대형 사각 바구니, 중형, 34 × 23 × 10cm(13.4 × 9.1 × 3.9인치) 미니 대형, 26 × 18 × 12cm(10.2 × 7.1 × 4.7인치)
1/18
옵션
나열된 옵션을 선택하세요
각 사진은 한 번씩 표시됩니다. 사진을 공유하는 옵션은 다시 표시되지 않습니다. 측정값은 나열된 경우 옵션 자체에 있습니다.
재료
손으로 짠 등나무
형태
손으로 짠 등나무 사각 보관 바구니
옵션
스타일은 선택한 옵션을 따릅니다.
크기
선택한 옵션에 인치와 센티미터로 표시됩니다.
포함됨
바구니만
소비자 평가
0
0개의 리뷰 기준
0
0%
0
0%
0
0%
0
0%
0
0%
아직 리뷰가 없습니다. 이 제품에 대한 첫 리뷰를 남겨보세요.
ROOM INSPIRATION
Bring the whole corner together.
Start with the way you use a space. For a reading corner, bring a light close to the seat, keep an everyday surface within reach and add one quiet decorative detail.
Explore the surrounding pieces in Home Decor to build a setting that feels like yours.
Compare the dimensions of your selected option with the place it will be used. Check nearby furniture, doors and everyday movement. For lighting, also check the fitting and electrical requirements stated on the product page.
What should I check about materials and care?
Use the material and care information for the exact item and option you select. A finish in a styled room is inspiration; it does not establish the material of another product. If the detail you need is missing, send us the product link before choosing.
How can I connect the different categories?
Begin with one everyday activity. Pair lighting with furniture and a decorative detail for reading; bring tableware and tabletop accents together for dining; use bedding and a bedside light to shape a quieter evening. Choose each item for its own listed size and purpose.
Need help with an item or an order?
Send the product link, selected option and the question you would like to clarify through Contact Us. For an order question, include your order number. Read the Shipping Policy for delivery information.
