묻고답하기
동우님 탭메뉴 다시 질문이욤..ㅜ
2013.04.26 12:30
xe - widgets - content - skins - default - _tab_top.html 열고
line 4 쯤에
{$tab->title}
이것을
<img src="/img/tab01.png" cond="$i==0" />
<img src="/img/tab02.png" cond="$i==1" />
<img src="/img/tab03.png" cond="$i==2" />
<img src="/img/tab04.png" cond="$i==3" />
이렇게 수정하여서 잘 적용하였습니다.
그런데 마우스 오버시 이미지를 바꿀려면 어떻게 해야되는지요^^;;
항상 감사합니다.
xecore 1.5.4.2
위젯 - widgets - content - skins - default
댓글 2
-
꿈틀잉
2013.04.26 14:42
<img src="/img/tab01.png" onmouseOver="this.src='/img/tab03.png';" onmouseOut="this.src='/img/tab01.png';" cond="$i==0" />
<img src="/img/tab02.png" onmouseOver="this.src='/img/tab03.png';" onmouseOut="this.src='/img/tab02.png';" cond="$i==1" />
<img src="/img/tab03.png" onmouseOver="this.src='/img/tab01.png';" onmouseOut="this.src='/img/tab03.png';" cond="$i==2" />
<img src="/img/tab04.png" onmouseOver="this.src='/img/tab01.png';" onmouseOut="this.src='/img/tab04.png';" cond="$i==3" />이렇게 해주니까 잘되네요
감사합니다.
송동우님은 아니지만 지나가다 답변 달아봅니다.
onmouseOver와 onmouseOut 이벤트를 사용하는 방법이 있습니다.
onmouseOver="this.src='(마우스 오버시 이미지)';"
onmouseOut="this.src='(일반 상태 이미지)';"
ex)
<img src="http://u.keysoft.kr/Chrysanthemum_2013-04-26.14_15_51.jpg" onmouseOver="this.src='http://u.keysoft.kr/Desert_2013-04-26.14_16_02.jpg';" onmouseOut="this.src='http://u.keysoft.kr/Chrysanthemum_2013-04-26.14_15_51.jpg';">
http://yjsoft.pe.kr/imgtag.html (일반 상태일땐 튤립 사진이, 마우스를 갖다 대면 사막 사진이 표시됩니다)