웹디자인 강의
Photoshop 롤오버 이미지 만들기
2003.08.20 10:10
![1.gif](/files/attach/images/19360728/822/415/019/1.gif)
<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 |
1335 |
[Chals] 포토샵의 꼼수 - 전문가들의 X - File (01) -
[10]
![]() | Chals | 2002.05.10 | 9649 |
1334 |
간단하게 만드는 매트릭스풍(?) 글자
[13]
![]() | 바둑이 | 2003.12.27 | 9647 |
1333 |
아래..도트강의 뽀너스!!!라고 해야하나...?(주름표현)
[3]
![]() | sook2 | 2005.01.22 | 9635 |
1332 |
투명테잎효과!
[10]
![]() | 큐브 | 2003.02.04 | 9631 |
1331 |
빛이 빨려 들어가는 효과
[6]
![]() | 김연희 | 2003.03.24 | 9623 |
1330 | 포토샵 CS2에서 레이어 사이의 링크기능 사용하기 [2] | port | 2007.03.02 | 9622 |
1329 |
구경하는 꼬마의 뒷모습그리기
[15]
![]() | 존글칭구 | 2003.03.22 | 9619 |
1328 | 펜툴로 점선 찍기 [6] | 불럽 | 2002.02.22 | 9616 |
1327 |
글자꾸미기
[18]
![]() | LitQoo | 2002.07.12 | 9615 |
1326 | 특정부분에만 컬러를 적용하는 방법입니다 [1] | Boshop | 2005.03.13 | 9614 |
1325 |
흰색선왔다갓다하는이름표만들기
[5]
![]() | 이슈 | 2003.03.02 | 9614 |
1324 |
[쩌비]모자이크처럼 타일 만들기
[15]
![]() | 쩌비 | 2002.10.01 | 9613 |
1323 | [팁] 포토샵에서의 점선 -_-) [23] | 루진 | 2002.08.11 | 9613 |
1322 | 쓸모(?)없을듯한 글자 [16] | 퓨니! | 2003.06.20 | 9598 |
1321 |
이올린 팬드래건
[7]
![]() | 카심 | 2005.02.12 | 9596 |
1320 |
일러스트레이터CS2로 글자만들기
[1]
![]() | 보라 | 2006.02.18 | 9590 |
1319 |
금속질감의 문자 만들기
[4]
![]() | IriSiRin─━★ | 2003.03.29 | 9585 |
1318 |
공지사항창(팝업창) 만들기
[12]
![]() | Z | 2003.06.23 | 9584 |
1317 | [중급] lineTo()로 그리는 플래시 그래픽 [5] | 박승제 | 2004.04.20 | 9581 |
1316 |
바둑판 그리기
[4]
![]() | rene | 2005.01.09 | 9573 |