고구만두
2018-03-10 17:24
조회: 856
추천: 0
이미지 속 스크립트+탭기능 질문합니다스크립트 상세가이드의 [탭기능]과 [이미지 속 스크립트] 두가지를 합체해서 이런 느낌으로 탭 선택시 각각의 메인맵 이미지가 뜨고, 맵 스크립트를 이용해서 인벤 툴팁과 하단에 상세 내용을 띄우는 인장을 만들어보려고 합니다. 기본틀이 되는 탭부분은 <div data-inven-tabs> <!-- 탭 버튼 부분 --> <div data-inven-tab-for="tab_main" style="width:100px; height:100px; padding: .4em; float:left;"> <img src="https://upload2.inven.co.kr/upload/2018/03/05/bbs/i15911500843.png" /> </div> <div data-inven-tab-for="tab_cucu" style="width:100px; height:100px; padding: .4em; float:left;"> <img src="https://upload2.inven.co.kr/upload/2018/03/05/bbs/i15946551626.png" /> </div> <div data-inven-tab-for="tab_coco" style="width:100px; height:100px; padding: .4em; float:left;"> <img src="https://upload2.inven.co.kr/upload/2018/03/05/bbs/i15916764698.png" /> </div> <div data-inven-tab-for="tab_papa" style="width:100px; height:100px; padding: .4em; float:left;"> <img src="https://upload2.inven.co.kr/upload/2018/03/05/bbs/i15941822086.png" /> </div> <div style="clear: left;"></div> <!-- 탭 내용 부분 --> <div data-inven-tab-id="tab_main" style="border: 1px solid #ffffff; padding: .4em;">탭 0번 내용입니다.</div> <div data-inven-tab-id="tab_cucu">탭 1번 내용입니다.</div> <div data-inven-tab-id="tab_coco">탭 2번 내용입니다.</div> <div data-inven-tab-id="tab_papa">탭 3번 내용입니다.</div> </div> 이후 탭 0번의 내용에는 단순 이미지를 올리고, 탭 1~3번 내용부분에는 <img style="max-width:450px;"img src="https://upload2.inven.co.kr/upload/2018/03/08/bbs/i13259860794.png" usemap="#coolidol" /> <div data-inven-tabs> <map name="coolidol"> <area shape="rect" coords="386,2,448,64" title="메인으로" data-inven-tab-for="tab_co0" /> <!--쿨-1번째 줄--> <area shape="rect" coords="2,2,64,64" data-inven-tooltip="#ffffff;#0569fd;#0569fd;호죠 카렌 (Ⅱ)" data-inven-tab-for="tab_co1-1" /> <div style="width:435px;border: 5px double #0569fd; padding: .4em;border-radius:10px;margin:5px 0px;display:inline-block;"> <div data-inven-tab-id="tab_co0" style="text-align:center;"><stong>Last update : 타카가키 카에데 (Ⅲ)</strong></div> <div data-inven-tab-id="tab_co1-1" style="display:none;"> <img src="https://upload2.inven.co.kr/upload/2018/03/06/bbs/i16089961583.png" style="float:left;padding-right:12px;" /> <strong>[송·포·라이프]</strong><br /> <strong>호죠 카렌</strong><br /> <br /> 센터 효과 : 쿨 스텝<br /> 특기 : 오늘 밤만의 노랫소리<br /> 특기 주기 : 4초 고확률 콤보 보너스<br /> 라이프 : 44<br /> 보컬 : 4677<br /> 댄스 : 7059<br /> 비쥬얼 : 3889<br /> 총합 : 15625<br /> 획득 방법 : 다함께 즐거운 따끈따끈 온천 가챠 </div> (스크립트가 길어져서 간략하게 줄인 버젼입니다) 이런 스크립트를 붙여 넣으면, 1번 탭의 내용은 정상 적용 되지만 2번 3번 탭은 스크립트나 텍스트가 전혀 적용 되지 않습니다ㅠㅠ 어떻게 해결 할 수 있을까요? |