웹디자인 강의
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>
두 이미지 사이즈가 같아야 겠죠?
