묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
마우스 롤오버랑 새창 띄우기 합성하는 거 질문이여...
2003.01.23 17:31
웹스터디 강좌에 이미지 누르면 새창으로 띄우는 거 배웠습니다.
그걸 마우스 롤오버기능하고 합칠려고 하려는데 잘 안되네여..
나모에디터에서 마우스 롤오버기능 쉽게 만드는게 있어서 그걸로 우선 만들고 소스에다가 새창 띄우는거
자바스크립트 소스 삽입하고 링크되는 소스에 새창 띄우는거 소스 삽입하고 나모로 돌리니까....
스크립트 에러가 나고 이미지두 제대로 안뜨네여 ㅡㅜ
어떻게 해야 하는지요 ㅡㅜ
//////////////롤오버 기능 소스입니다.
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor v5.0">
<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>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" OnLoad="na_preload_img(false, 'file:///C|/Program%20Files/Namo/WebEditor%205/lib/Script/hibutton1.gif');">
<p><a href="#" OnMouseOut="na_restore_img_src('image1', 'document')" OnMouseOver="na_change_img_src('image1', 'document', 'file:///C|/Program%20Files/Namo/WebEditor%205/lib/Script/hibutton1.gif', true);"><img src="file:///C|/Program%20Files/Namo/WebEditor%205/lib/Script/button1.gif" width="117" height="27" border="0" alt="button1.gif" name="image1"></a></p>
</body>
</html>
//////////// 롤오버 여기까지.
그리고 새창 띄우기 소스입니다..-> 제로보드에 어떠님이 올린거 예용.
<html>
<head>
<script>
function gonyImgWin(img){
//만든넘 : 행복한고니(gonom9@empal.com)
var imgTmp = new Image();
imgTmp.src = img;
var imgWin = window.open("","gImgWin","width="+imgTmp.width+",height="+imgTmp.height+",status=no,toolbar=no,scrollbars=no,resizable=no");
imgWin.document.write("<html><title>미리보기</title>"
+"<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0>"
+"<a href='javascript:self.close()' onfocus='this.blur()' title='누르면 닫힙니다'><img src='+ '+ '"+img+"' width="+imgTmp.width+" height="+imgTmp.height+" border=0></a>"
+"</body></html>");
}
</script>
</head>
<body>
<a href="#view" onClick="gonyImgWin('이미지명')">미리보기를 보시려면 클릭!!</a>
</body>
</html>
///// 여기까지 새창 띄우기 소스
이거 합치고 싶은데 ㅡㅡ
좀 해결 좀....
그걸 마우스 롤오버기능하고 합칠려고 하려는데 잘 안되네여..
나모에디터에서 마우스 롤오버기능 쉽게 만드는게 있어서 그걸로 우선 만들고 소스에다가 새창 띄우는거
자바스크립트 소스 삽입하고 링크되는 소스에 새창 띄우는거 소스 삽입하고 나모로 돌리니까....
스크립트 에러가 나고 이미지두 제대로 안뜨네여 ㅡㅜ
어떻게 해야 하는지요 ㅡㅜ
//////////////롤오버 기능 소스입니다.
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>제목 없음</title>
<meta name="generator" content="Namo WebEditor v5.0">
<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>
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" OnLoad="na_preload_img(false, 'file:///C|/Program%20Files/Namo/WebEditor%205/lib/Script/hibutton1.gif');">
<p><a href="#" OnMouseOut="na_restore_img_src('image1', 'document')" OnMouseOver="na_change_img_src('image1', 'document', 'file:///C|/Program%20Files/Namo/WebEditor%205/lib/Script/hibutton1.gif', true);"><img src="file:///C|/Program%20Files/Namo/WebEditor%205/lib/Script/button1.gif" width="117" height="27" border="0" alt="button1.gif" name="image1"></a></p>
</body>
</html>
//////////// 롤오버 여기까지.
그리고 새창 띄우기 소스입니다..-> 제로보드에 어떠님이 올린거 예용.
<html>
<head>
<script>
function gonyImgWin(img){
//만든넘 : 행복한고니(gonom9@empal.com)
var imgTmp = new Image();
imgTmp.src = img;
var imgWin = window.open("","gImgWin","width="+imgTmp.width+",height="+imgTmp.height+",status=no,toolbar=no,scrollbars=no,resizable=no");
imgWin.document.write("<html><title>미리보기</title>"
+"<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0>"
+"<a href='javascript:self.close()' onfocus='this.blur()' title='누르면 닫힙니다'><img src='+ '+ '"+img+"' width="+imgTmp.width+" height="+imgTmp.height+" border=0></a>"
+"</body></html>");
}
</script>
</head>
<body>
<a href="#view" onClick="gonyImgWin('이미지명')">미리보기를 보시려면 클릭!!</a>
</body>
</html>
///// 여기까지 새창 띄우기 소스
이거 합치고 싶은데 ㅡㅡ
좀 해결 좀....