<div data-inven-id="base" style="width:450px;height:500;background:url(이미지 주소);position:relative;">
<div data-inven-id="A1" style="width:450px;height:500;background:none;position:relative;">
</div>
<div data-inven-id="B2" style="width:450px;height:500;background:none;position:relative;top:-500px">
</div>
<div data-inven-id="C3" style="width:450px;height:500;background:none;position:relative;top:-1000px">
</div>
<div data-inven-id="D4" style="width:450px;height:500;background:none;position:relative;top:-1500px">
</div>
</div>
<div style="width: 60px; height:18px; margin:5px; float: left; background-color: yellow; border-radius: 5px;text-align:center;"
data-inven-click-css="{'A1':[
{'background':'url(이미지 주소)'},
{'background':'url(이미지 주소)'},
{'background':'none'}]}">
<span style="font-weight:bold;">버튼이름1</span>
</div>
<div style="width: 60px; height:18px; margin:5px; float: left; background-color: lightgreen; border-radius: 5px;text-align:center;"
data-inven-click-css="{'B2':[
{'background':'url(이미지 주소)'},
{'background':'url(이미지 주소)'},
{'background':'none'}]}">
<span style="font-weight:bold;">버튼이름2</span>
</div>
<div style="width: 60px; height:18px; margin:5px; float: left; background-color: lightblue; border-radius: 5px;text-align:center;"
data-inven-click-css="{'C3':[
{'background':'url(이미지 주소)'},
{'background':'url(이미지 주소)'},
{'background':'none'}]}">
<span style="font-weight:bold;">버튼이름3</span>
</div>
<div style="width: 60px; height:18px; margin:5px; float: left; background-color: yellow; border-radius: 5px;text-align:center;"
data-inven-click-css="{'D4':[
{'background':'url(이미지 주소)'},
{'background':'url(이미지 주소)'},
{'background':'none'}]}">
<span style="font-weight:bold;">버튼이름4</span>
</div>
<div style="width: 60px; height:18px; margin:5px; float: left; background-color: lightblue; border-radius: 5px;text-align:center;"
data-inven-click-css="{'A1':{'background':'none'},'B2':{'background':'none'},'C3':{'background':'none'},'D4':{'background':'none'}}">
<span style="font-weight:bold;">초기화</span>
</div>