웹디자인 강의
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
글씨가안보여요요.ㅡ_ㅡ;';;
