웹디자인 강의
Photoshop 롤오버 이미지 만들기
2003.08.20 10:10
<script language="JavaScript">
<!--
function na_restore_img_src(name, nsdoc)
{
var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
if (name == '')
return;
if (img && img.altsrc) {
img.src = img.altsrc;
img.altsrc = null;
}
}
function na_preload_img()
{
var img_list = na_preload_img.arguments;
if (document.preloadlist == null)
document.preloadlist = new Array();
var top = document.preloadlist.length;
for (var i=0; i < img_list.length; i++) {
document.preloadlist[top+i] = new Image;
document.preloadlist[top+i].src = img_list[i+1];
}
}
function na_change_img_src(name, nsdoc, rpath, preload)
{
var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
if (name == '')
return;
if (img) {
img.altsrc = img.src;
img.src = rpath;
}
}
// -->
</script>
<body OnLoad="na_preload_img(false, '마우스 포인터를 올려놓았을 때 바뀔 이미지 주소'');">
<p><a href="링크 걸 주소" OnMouseOut="na_restore_img_src('image1', 'document')" OnMouseOver="na_change_img_src('image1', 'document', '마우스 포인터를 올려놓았을 때 바뀔 이미지 주소', true);"><img src="평상시 이미지 주소'" width="이미지 가로사이즈" height="세로 사이즈" border="0" alt="풍선 도움말" name="image1"></a>
두 이미지 사이즈가 같아야 겠죠?
댓글 5
-
손오빠
2003.08.21 06:10
강좌에 이런 글씨는 부적절할듯 ^ -
루키아♥
2003.08.20 20:16
나모가 있으시다면 「스크립트마법사」를 이용해 가능하지요!
[ 다른분의 글에다가 이런 글 올려서 죄송합니다;ㅅ; ] -
『ToTi ™』
2003.08.20 12:03
허거걱... -_-;; 글씨의 압박..
해상도 1240을 넘기니.. -_-;; 글씨가 안 보여.. 우에에엑.. ㅠ.ㅠ -
이경빈
2003.08.20 10:14
아 그리고 맨 밑에서 3번째 위에 있는 그림은 잘못 붙여넣은거네요 ㅈㅅ 합니다 ㅠㅠ -
김상원
2003.08.21 20:03
글씨가안보여요요.ㅡ_ㅡ;';;
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
공지 | 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] | Eccen | 2004.12.15 | 48031 |
768 | 하늘에 떠있는 구름 만들기.. [1] | 가을쿠키 | 2006.08.30 | 10552 |
767 | 이미지에 타일효과주기 [11] | 써니~ | 2002.04.07 | 10544 |
766 | 도트 패턴 [2] | 김혜영 | 2005.05.28 | 10541 |
765 | [여니강좌]돌맹이 느낌 문자 [19] | 눈나라 | 2003.06.24 | 10538 |
764 | 이미지 접힌 효과 내기 [27] | 이태운 | 2003.02.17 | 10518 |
763 | 이미지 집중효과 29강 [1] | 문학의향기 | 2006.07.31 | 10505 |
762 | 종이 질감 내기..랄까요? [11] | YuːI | 2003.02.13 | 10463 |
761 | 뽀샤시한 화이트닝 보정효과 [2] | 포샵럽 | 2005.07.30 | 10459 |
760 | 불타는 문자 만들기 [15] | 어지니 | 2005.03.04 | 10444 |
759 | Curves 이용해서 겹겹이 글자쓰기 [6] | 세비 | 2003.03.23 | 10431 |
758 | 라이트닝 이펙트,채널로 버튼 만들기 [9] | 유이【juːi】 | 2003.04.15 | 10428 |
757 | [紅夜]사진을 유화 느낌이 나게 바꿔보자! [10] | 紅眼의정령사 | 2002.03.17 | 10415 |
756 | 금속글씨만들기 [1] | 이경빈 | 2003.08.13 | 10388 |
755 | 알아두면 유용한 포샵 팁!!! [11] | 이광섭 | 2003.07.08 | 10377 |
754 | 동심원중심으로원하는이미지복사. [9] | DesignByXery | 2004.04.03 | 10355 |
753 | [키르강좌] 잡티제거하기..-_-;; [2] | 키르(SP) | 2002.02.25 | 10354 |
752 | 매트릭스 코드같은 이미지 만들기. [32] | whitecrow | 2003.08.03 | 10335 |
751 | [포토샾]엠보싱 버튼 만들기-2 | Raspberry | 2005.10.03 | 10307 |
750 | 사진 각도 바꿔서 이쁜 이미지 만들기! [9] | We'zle | 2002.10.30 | 10302 |
749 | 특정부분 제거, 복사 방법 [29] | 여어자 | 2003.07.30 | 10301 |