[문의] 배경에 랜덤이미지 삽입 관련

<div style="background: url('https://upload2.inven.co.kr/upload/2016/10/17/bbs/i11918272162.jpg'); font-size: 11px;">

<div style="background: url('https://upload2.inven.co.kr/upload/2017/11/13/bbs/i13502941232.png') no-repeat 0px; background-position: right bottom; min-height: 400px;"><div>

<div style="background-image: url('https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); padding: 4px 6px;">

<div style="background: url('http://www.randomurl.ze.am/e/jd.php?d=2010-08-27 07:19:03&amp;c=839DFA#.png'); height: 20px;"></div>

</div>

<div style="display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background-image: url('https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 16px; margin-left: 6px; color: #839DFA; border-radius: 6px; border: 1px solid #839DFA; overflow: hidden; font-size: 11px; padding: 0;" data-inven-action="last-attack-5,last-attack-10,last-attack-all,search-profile" data-inven-nick-default="네잎클로버" data-inven-align="center" data-no-tooltip="" data-inven-result-detail="">

<span data-inven-attr-for="input" style="float: left; margin: 2px 1px 0 4px; width: 130px; font-size: 11px; color: #839DFA; padding: 0 2px; height: 17px;"></span>

<span data-inven-attr-for="button" style="float: left; margin: 0 0 0 1px; padding: 6px 4px 4px 4px; background-color: #839DFA; color: white; border: 0; font-size: 11px; line-height: 100%; height: auto;"></span>

<span data-inven-attr-for="action-result" data-position="out" style="background-image: url('https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 2px; margin-left: 6px; color: #839DFA; border-radius: 6px; border: 1px solid #839DFA; padding: 4px 6px; font-size: 11px; width: 300px;"></span>

</div>

<div data-inven-tabs="" style="padding-top: 16px;">

<div style="float: left;">

<div data-inven-tab-for="0" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #839DFA; color: white; cursor: pointer;">♣</div>

<div data-inven-tab-for="1" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #839DFA; color: white; cursor: pointer;">인장</div>

<div data-inven-tab-for="2" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #839DFA; color: white; cursor: pointer;">꽃말</div>

<div data-inven-tab-for="3" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" style="width: 12px; margin: 6px 0; padding: 4px 2px; border-radius: 0 6px 6px 0; background-color: #839DFA; color: white; cursor: pointer;">카드깡</div>

<!--버튼 추가하는곳-->

</div>

<div style="margin-left: 30px; margin-top: 6px; padding-bottom: 12px;">

<div data-inven-tab-id="0" style="min-height: 300px;">

<div style="display: block; width: 204px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #839DFA;">

<div style="border-bottom: 1px solid #839DFA; color: #839DFA;padding: 4px 8px; font-weight: bold;">♣ 네잎클로버 ♧</div>

<div style="border-bottom: 1px solid #839DFA; color: #839DFA;padding: 4px 8px; font-weight: bold;">---------------</div>

<div style="border-bottom: 1px solid #839DFA; color: #839DFA;padding: 4px 8px; font-weight: bold;">질문은 쪽지로</div>

</div>

</div>

<div data-inven-tab-id="1" style="display: none;">

<div style="display: inline-block; padding: 4px 8px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #839DFA;"><img src="https://upload2.inven.co.kr/upload/2017/12/23/bbs/i13138535539.png" border="0" width="417">

</div>

</div>

<div data-inven-tab-id="2" style="display: none;">

<div style="display: inline-block; padding: 4px 8px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #839DFA;"><div style="text-align: center;"><font color="#13D965">* 3잎클로버- 행복(幸福): 복된 운수 (happy)&nbsp;</font></div><div style="text-align: center;"><font color="#13D965">* 4잎클로버- 행운(幸運): 좋은 운수 (luck)&nbsp;</font></div><div style="text-align: center;"><font color="#13D965">* 5잎클로버- 다복(多福): 많은 운수 (money)&nbsp;</font></div><div style="text-align: center;"><font color="#13D965">* 6잎클로버- 여운(餘運): 넘친 운수 (miracle)&nbsp;</font></div><div style="text-align: center;"><font color="#13D965">* 7잎클로버- 천운(天運): 하늘 운수 (chance) &nbsp;</font></div></div></div>

<div data-inven-tab-id="3" style="display: none;">

<div style="display: inline-block; padding: 4px 8px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #839DFA;">카드깡 내용</div></div>

<!--버튼추가후 내용추가-->

</div>

</div>

</div>

</div>

</div>

여기서 위에 검은색으로 칠해둔 https://upload2.inven.co.kr/upload/2017/11/13/bbs/i13502941232.png 파일대신

이 부분을

밑부분처럼 4개의 랜덤한 이미지가 새로고침할때마다 나오게 하고싶은데

방법이 없나요?

-----

<div data-inven-random="i1,i2,i3,i4"></div>

<img data-inven-id="i1" src="https://upload2.inven.co.kr/upload/2017/08/29/bbs/i16435482904.png" style="display: none;">

<img data-inven-id="i2" src="https://upload2.inven.co.kr/upload/2017/08/29/bbs/i15152993110.png" style="display: none;">

<img data-inven-id="i3" src="https://upload2.inven.co.kr/upload/2017/11/13/bbs/i13502941232.png" style="display: none;">

<img data-inven-id="i4" src="https://upload2.inven.co.kr/upload/2017/11/13/bbs/i14630470082.png" style="display: none;">