<a data-inven-list="image1,image2,image3">

이것과

<a data-inven-list="image3, image2, image1">

이것은 동일한 항목으로 취급됩니다.


예를 들어서 A 버튼과 B 버튼을 만들고 각각 위의 코드를 집어넣었을 때

A 버튼을 누르고 B 버튼을 누른다고 image1 과 image3이 함께 표시되지 않습니다.


A를 누르면 image1, image2, image3 순서대로 표시되고

B를 누르면 image3, image2, image1 순서대로 표시됩니다.

(순서는 A 와 B 따로 계산됩니다. A를 두번 눌러서 image2가 표시된 후 B를 누르면 image3이 표시됩니다.)




다만 ID의 내용, 개수가 다르면 다른 항목으로 취급됩니다.

data-inven-random의 경우도 마찬가지로, ID의 순서와 관계없이 내용만 일치한다면 같은 항목으로 취급됩니다.





아래는 예시 코드입니다.


<img src="https://upload2.inven.co.kr/upload/2017/06/15/bbs/i16618932513.png" style="display:none" data-inven-id="image1">
<img src="https://upload2.inven.co.kr/upload/2017/06/15/bbs/i16689333033.png" style="display:none" data-inven-id="image2">
<img src="https://upload2.inven.co.kr/upload/2017/06/15/bbs/i16661904040.png" style="display:none" data-inven-id="image3">
<a data-inven-list="image1,image2,image3">순서대로</a>
<a data-inven-list="image3,image2,image1">역순으로</a>


실행 결과




순서대로 버튼과 역순대로 버튼을 둘 다 눌러도 이미지는 한 개만 표시되는걸 확인할 수 있습니다.