마우스 커서를 올려놓으면 사진이 확대되는 기능이 있는 페이지입니다.
세번째 , 네번째 페이지에서도 두번째 페이지에서 봤던 사진이 확대되어 있어서 불편합니다.
세 페이지가 확대된 사진을 똑같이 보여주는게 문제점입니다..
1. 다른 페이지를 클릭하면 확대되었던 사진을 다시 접게 한다던가
2. 다른 페이지의 사진은 확대되어 보이지 않게 하는 기능이 있을까요?
밑은 제 인장 스크립트 입니다.
<div style='background: url("https://upload2.inven.co.kr/upload/2016/09/19/bbs/i12328990043.jpg"); font-size: 11px;'>
<div style='background: url("https://upload2.inven.co.kr/upload/2017/02/05/bbs/i13769367419.png") no-repeat 0px bottom; min-height: 400px;'>
<div style='padding: 4px 6px; background-image: url("https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png");'>
<div style='background: url("http://www.randomurl.ze.am/e/jd.php?d=2015-04-18 22:17:49&c=#000000.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: #000000; border-radius: 6px; border: 1px solid #000000; overflow: hidden; font-size: 11px; padding: 0;" data-inven-action="last-attack-5,last-attack-10,last-attack-all,search-profile" data-no-tooltip data-inven-result-detail data-inven-nick-default="수인"><span data-inven-attr-for="input" style="float: left; width: 130px; font-size: 11px; color: #000000; padding: 0 4px; height: 21px; line-height: 21px; border: 0;"></span><span data-inven-attr-for="button" style="float: left; margin: 0 0 0 1px; padding: 6px 4px 4px 4px; background-color: #000000; 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: #000000; border-radius: 6px; border: 1px solid #000000; padding: 4px 6px; font-size: 11px; width: 300px;"></span></div>
<div style="padding-top: 16px;" data-inven-tabs="">
<!-- 좌측 탭 상자 -->
<div style="float: left;">
<div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: #A50000;" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-tab-for="0">프로필</div>
<div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: #A50000;" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-tab-for="1">그린 인장</div>
<div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: #A50000;" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-tab-for="2">받은 인장</div>
<div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: #A50000;" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-tab-for="3">게임 사진</div>
<div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: #A50000;" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-tab-for="4">다른 게임</div></div>
<div style="padding-bottom: 12px; margin-top: 6px; margin-left: 30px;">
<!-- 본문상자-->
<div style="min-height: 300px;" data-inven-tab-id="0">
<div style='border-radius: 6px; border: 1px solid #000000; border-image: none; width: 204px; display: block; background-image: url("https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png");'>
<div style="padding: 4px 8px; color: #000000; font-weight: bold; border-bottom-color: #000000; border-bottom-width: 1px; border-bottom-style: solid;"><center>프로필</center></div>
<div style="padding: 4px 8px;"><font color="#BD2470">인장 업데이트 : 2017년 2월 5일<br /><br />1. 즐기는 중인 게임 : 테라<br /><br />2. 서버 : 카이아의 가호<br /><br />3. 길드 : 엘린할짝할짝<br />(길마형이 그냥 바꿔버리심.. ㅋㅋㅋ)<br /><br />4. 캐릭터 정보<br /><br />65Lv. 창기사 소양<br />65Lv. 검투사 엘린검사<br />65Lv. 비검사 나이트나<br />65Lv. 궁수 배경<br />65Lv. 사제 수인형<br />65Lv. 정령사 수정구슬<br />65Lv. 권술사 엘린권술좀<br />65Lv. 마법사 Southavenue<br />65Lv. 광전사 체감<br />65Lv. 마공사 Centralavenue<br />61Lv. 인술사 프레피<br />48Lv. 무사 Thridavenue</font></div></div></div>
<!-- 1번 탭-->
<div style="display: none;" data-inven-tab-id="1">
<div style="padding: 4px 8px; border-radius: 6px; border: 1px solid #000000; display: inline-block;">
<div style="text-align: center;">
<div style="margin: 2px 2px;">
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://upload2.inven.co.kr/upload/2016/09/16/bbs/m10824904506.jpg)', 'background-repeat':'no-repeat', 'background-size':'360px' , 'height':'600px'} }"><img data-inven-tooltip="#41FF3A;#ffffff;#0BC904;테라 - 창기사 소양" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2016/09/16/bbs/m10824904506.jpg"></a>
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://upload2.inven.co.kr/upload/2016/12/04/bbs/i14715577701.jpg)', 'background-repeat':'no-repeat', 'background-size':'360px' , 'height':'700px'} }"><img data-inven-tooltip="#41FF3A;#ffffff;#0BC904;테라 - 사제 수인형" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2016/12/04/bbs/i14715577701.jpg"></a>
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://upload2.inven.co.kr/upload/2016/11/10/bbs/i10815319351.jpg)', 'background-repeat':'no-repeat', 'background-size':'360px' , 'height':'600px'} }"><img data-inven-tooltip="#41FF3A;#ffffff;#0BC904;블레이드앤 소울 - 기공사 남쪽에 핀 얼음꽃" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2016/11/10/bbs/i10815319351.jpg"></a>
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://upload2.inven.co.kr/upload/2017/01/22/bbs/i16215445965.jpg)', 'background-repeat':'no-repeat', 'background-size':'360px' , 'height':'600px'} }"><img data-inven-tooltip="#41FF3A;#ffffff;#0BC904;테라 종족들의 넥슨 친구들 코스프레" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2017/01/22/bbs/i16215445965.jpg"></a>
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://upload2.inven.co.kr/upload/2017/02/05/bbs/i14018132646.jpg)', 'background-repeat':'no-repeat', 'background-size':'360px' , 'height':'600px'} }"><img data-inven-tooltip="#41FF3A;#ffffff;#0BC904;테라 - 검투사 엘린검사" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2017/02/05/bbs/i14018132646.jpg"></a>
</div>
<br> <div data-inven-id="ev-click-img" style="transition:0.2s; border-radius: 4px; margin-left: 20px; width: 380px; height: 1px; background-size: 1px;">
</div>
</div>
</div>
</div>
<!-- 2번 탭-->
<div style="display: none;" data-inven-tab-id="2">
<div style="padding: 4px 8px; border-radius: 6px; border: 1px solid #000000; display: inline-block;">
<div style="text-align: center;">
<div style="margin: 2px 2px;">
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://upload2.inven.co.kr/upload/2017/02/05/bbs/i13970487783.jpg)', 'background-repeat':'no-repeat', 'background-size':'360px' , 'height':'600px'} }"><img data-inven-tooltip="#41FF3A;#ffffff;#0BC904;테라 - 비검사 나이트나<br /><br />인벤 책상님 감사합니다!" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2017/02/05/bbs/i13970487783.jpg"></a>
</div>
<br> <div data-inven-id="ev-click-img" style="transition:0.2s; border-radius: 4px; margin-left: 20px; width: 380px; height: 1px; background-size: 1px;">
</div>
</div>
</div>
</div>
<!-- 3번 탭-->
<div style="display: none;" data-inven-tab-id="3">
<div style="text-align: center;">
<div style="margin: 2px 2px;">
<div style="display: block; width: 420px; height: 100px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #000000; margin-top: 16px;">
<div style="border-bottom: 1px solid #000000; color:#FF2424;padding: 4px 8px; font-weight: bold;">
블레이드앤 소울
</div>
<div style="padding: 4px 8px;">
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://upload2.inven.co.kr/upload/2016/11/10/bbs/i10488196797.jpg)', 'background-repeat':'no-repeat', 'background-size':'360px' , 'height':'600px'} }"><img data-inven-tooltip="#FF0000;#ffffff;#FF7E7E;블레이드앤 소울 '수월평원 - 늑대구릉'" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2016/11/10/bbs/i10488196797.jpg"></a>
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://upload2.inven.co.kr/upload/2016/09/17/bbs/i10963570618.jpg)', 'background-repeat':'no-repeat', 'background-size':'360px' , 'height':'600px'} }"><img data-inven-tooltip="#FF0000;#ffffff;#FF7E7E;블레이드앤 소울 '건원성도 - 천명궁 외원'" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i10963570618.jpg"></a>
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://upload2.inven.co.kr/upload/2016/09/17/bbs/i10908188952.jpg)', 'background-repeat':'no-repeat', 'background-size':'360px' , 'height':'600px'} }"><img data-inven-tooltip="#FF0000;#ffffff;#FF7E7E;블레이드앤 소울 '건원성도 - 버려진 숲'" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i10908188952.jpg"></a>
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://upload2.inven.co.kr/upload/2016/09/20/bbs/i12887944406.jpg)', 'background-repeat':'no-repeat', 'background-size':'360px' , 'height':'600px'} }"><img data-inven-tooltip="#FF0000;#ffffff;#FF7E7E;블레이드앤 소울 '건원성도 - 메인퀘스트 中 제독의 함선'" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2016/09/20/bbs/i12887944406.jpg"></a>
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://upload2.inven.co.kr/upload/2016/09/17/bbs/i10981314997.jpg)', 'background-repeat':'no-repeat', 'background-size':'360px' , 'height':'600px'} }"><img data-inven-tooltip="#FF0000;#ffffff;#FF7E7E;블레이드앤 소울 '백청산맥 - 북방설원'" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i10981314997.jpg"></a>
</div>
</div>
</div>
</div>
</div>
<div style="display: none;" data-inven-tab-id="3">
<div style="text-align: center;">
<div style="margin: 2px 2px;">
<div style="display: block; width: 420px; height: 270px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #000000; margin-top: 16px;">
<br> <div data-inven-id="ev-click-img" style="transition:0.2s; border-radius: 4px; margin-left: 20px; width: 380px; height: 1px; background-size: 1px;">
</div>
</div>
</div>
</div>
</div>
<div style="display: none;" data-inven-tab-id="3">
<div style="text-align: center;">
<div style="margin: 2px 2px;">
<div style="display: block; width: 420px; height: 100px; background-image: url('https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png'); border-radius: 6px; border: 1px solid #000000; margin-top: 16px;">
<div style="border-bottom: 1px solid #000000; color:#1266FF;padding: 4px 8px; font-weight: bold;">
테라
</div>
<div style="padding: 4px 8px;"><a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://upload2.inven.co.kr/upload/2016/09/17/bbs/i12737644668.png)', 'background-repeat':'no-repeat', 'background-size':'360px' , 'height':'600px'} }"><img data-inven-tooltip="#0054FF;#ffffff;#5AAEFF;테라 '인스턴스 던전 - 타르스키의 놀이터'" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i12737644668.png"></a>
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://upload2.inven.co.kr/upload/2016/09/17/bbs/i11651364681.png)', 'background-repeat':'no-repeat', 'background-size':'360px' , 'height':'600px'} }"><img data-inven-tooltip="#0054FF;#ffffff;#5AAEFF;테라 '인스턴스 던전 - 발로나의 시공간''" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i11651364681.png"></a>
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://upload2.inven.co.kr/upload/2016/09/17/bbs/i11653298448.png)', 'background-repeat':'no-repeat', 'background-size':'360px' , 'height':'600px'} }"><img data-inven-tooltip="#0054FF;#ffffff;#5AAEFF;테라 '발키온 보호령 - 여명의 정원''" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i11653298448.png"></a>
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://upload2.inven.co.kr/upload/2016/09/17/bbs/i11659716276.png)', 'background-repeat':'no-repeat', 'background-size':'360px' , 'height':'600px'} }"><img data-inven-tooltip="#0054FF;#ffffff;#5AAEFF;테라 '베리타스 특별지구 - 태양의 정원'" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i11659716276.png"></a>
<a href="#" style="text-decoration:none;" data-inven-over-css="{'ev-click-img':{'background':'url(https://upload2.inven.co.kr/upload/2016/09/17/bbs/i11671483248.png)', 'background-repeat':'no-repeat', 'background-size':'360px' , 'height':'600px'} }"><img data-inven-tooltip="#0054FF;#ffffff;#5AAEFF;테라 '실바니아 가드 - 요정의 숲'" style="border-radius: 8px; margin: 3px 5px; border: 1px solid #FAC8C8; width:65px; height:65px;" src="https://upload2.inven.co.kr/upload/2016/09/17/bbs/i11671483248.png"></a>
</div>
</div>
</div>
</div>
</div>
<!-- 4번 탭-->
<div style="display: none;" data-inven-tab-id="4">
<div style="text-align: center;">
<div style="margin: 2px 2px;">
<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 #000000; margin-top: 16px;">
<div style="border-bottom: 1px solid #000000; color:#1266FF;padding: 4px 8px; font-weight: bold;">
오버워치
</div>
<div style="padding: 4px 8px;">
<font color="#0000C9"><img width="190" , height="140"; src="https://upload2.inven.co.kr/upload/2017/02/05/bbs/i15118121284.jpg"><br />시즌 1<br />배치 7승 0무 3패 60점 시작<br />최종 53점<br />최고 63점<br /><br />시즌 2<br />배치 3승 1무 6패 2300점 시작<br />최종 3060점<br />최고 3241점<br /><br />시즌 3<br />배치 6승 0무 4패 3056점 시작<br />현재 3558점</font>
</div>
</div>
<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 #000000; margin-top: 16px;">
<div style="border-bottom: 1px solid #000000; color: #FF2424;padding: 4px 8px; font-weight: bold;">
블레이드앤 소울
</div>
<div style="padding: 4px 8px;">
<font color="#930000">블레이드앤 소울 - 경국지색<br /><br />50Lv. 10성 린검사 검투사엘린<br />50Lv. 12성 소환사 정령사 린<br />55Lv. 14성 기공사 남쪽에 핀 얼음꽃</font>
</div>
</div>
</div>
</div>
</div>
</div></div></div></div>
수인
디아3
Lv.76
조회 15
15:27
Quasar
Lv.86
조회 12
05-01
발리라
Lv.32
조회 26
04-30
발리라
Lv.32
조회 22
04-30
센바람
Lv.84
조회 32
04-28
계승
Lv.61
조회 51
04-23
용주부
Lv.42
조회 147
03-29
빙무
Lv.75
조회 161
03-29
절구가만개
Lv.36
조회 189
03-24
Vlctoria
Lv.9
조회 277
03-13
노태문
Lv.91
조회 265
03-11
Dtg12
Lv.78
조회 364
03-02
모찌
Lv.42
조회 319
02-26
세은님일까
Lv.79
조회 362
02-21
김먀먀
Lv.16
조회 363
02-19
주작
Lv.90
조회 460
02-15
황혼령
Lv.80
조회 394
02-10
미늉기
Lv.54
조회 460
02-08
메롱시티
Lv.45
조회 470
02-06
돈많고명짧음
Lv.86
조회 558
02-02
수인