[기타] 답변입니다.

문제점은 딱 한 가지, "공백" 의 잘못된 삽입 문제입니다.

태그, 따옴표 내에 지정어를 삽입할 때는

불필요한 공백의 사용을 최대한 지양하는 것이 바람직합니다.

인장 소스 코드의 div 태그를 살펴보면

<div data-inven-random=" img1 , img2 , img3 , img4, img5 , img6 , img7 ">

이렇게 되어있습니다.

빨갛게 밑줄 표시 한 부분은 모두 불필요하게 삽입된 공백의 위치입니다.

올바르게 수정한다면

<div data-inven-random="img1, img2, img3, img4, img5, img6, img7">

 또는

<div data-inven-random="img1,img2,img3,img4,img5,img6,img7">

이렇게 됩니다.

콤마 뒤에만 공백을 한 칸씩 입력하는 것이 바람직한 방법이고,

공백이 없어도 됩니다.

이미지 태그도 마찬가지입니다.

<img data-inven-id="img2" style="width:435px; display:none;"

src=" https://upload2.inven.co.kr/upload/2018/01/25/bbs/i14691989215.png "/>

큰 따옴표 시작부분과 주소값, 주소값과 큰 따옴표 끝부분에

공백이 모두 한 칸씩 삽입되어 있는데,

모두 지우는 것이 바람직합니다.

<img data-inven-id="img2" style="width:435px; display:none;" src="https://upload2.inven.co.kr/upload/2018/01/25/bbs/i14691989215.png"/>

수정한 코드입니다.

<div data-inven-random="img1,img2,img3,img4,img5,img6,img7">
<img data-inven-id="img1" style="width:435px; display:none;"
src="https://upload2.inven.co.kr/upload/2018/01/25/bbs/i15427168700.gif"/>
<img data-inven-id="img2" style="width:435px; display:none;"
src="https://upload2.inven.co.kr/upload/2018/01/25/bbs/i14691989215.png"/>
<img data-inven-id="img3" style="width:435px; display:none;"
src="https://upload2.inven.co.kr/upload/2018/01/25/bbs/i13876837521.jpg"/>
<img data-inven-id="img4" style="width:435px; display:none;"
src="https://upload2.inven.co.kr/upload/2018/01/25/bbs/i13995577057.png"/>
<img data-inven-id="img5" style="width:435px; display:none;"
src="https://upload2.inven.co.kr/upload/2018/01/25/bbs/i14133496213.png"/>
<img data-inven-id="img6" style="width:435px; display:none;"
src="https://upload2.inven.co.kr/upload/2018/01/25/bbs/i15259289376.png"/>
<img data-inven-id="img7" style="width:435px; display:none;"
src="https://upload2.inven.co.kr/upload/2018/01/25/bbs/i15360365733.gif"/>
</div>