묻고답하기
이미지를 클릭해서 나타난 새로운 이미지에 링크거는 법좀..
2004.08.29 17:57
안녕하세요? ^^
제가 아래와 같은 소스를 넣으려고 하는데요, 궁금한 게 있습니다.
우선 저는 <head>와 </head> 사이에 아래와 같은 소스를 넣었구요.
function bt(id,after)
{
eval(id+'.filters.blendTrans.stop();');
eval(id+'.filters.blendTrans.Apply();');
eval(id+'.src="'+after+'";');
eval(id+'.filters.blendTrans.Play();');
}
또 <body>와 </body> 사이에 아래와 같은 소스를 넣었어요.
<div id="layer3" style="width:50px; height:50px; position:absolute; left:873px; top:432px; z-index:1; background-image:menu1;"><img ID=menu1 src="blank.gif" border=0 style="filter:blendTrans(duration=1.5)" width="50" height="50" onfocus='this.blur()' onclick='bt("menu1","heart.gif")'>
</div>
위 소스를 실행시키면 layer3 레이어에 blank.gif 라는 파일이 삽입되어 있는 상태입니다.
그리고, blank.gif 를 클릭하면 heart.gif 라는 파일이 교체되어 뜨게 만들었습니다.
문제는 지금부터인데요..
heart.gif 라는 파일에 링크를 걸고 싶거든요.
근데 아무리 해봐도 쉽지가 않네요.
<img src="heart.gif" width="50" height="50" border="0" onclick="window.open('링크주소');">
를 위 소스의 <div>와 </div> 사이에 삽입하는 시도를 해봤는데요.
결과는, blank.gif 와 교체되어 나타나는 heart.gif 라는 파일에 링크가 걸리는 것이 아니라, layer3 레이어에 아예 heart.gif 파일이 새로 나타나서 그 곳에 링크가 걸리더군요.
혹 읽으시는 분들 중에는, blank.gif 에 heart.gif 를 롤오버시켜서 링크를 걸면 되지 않느냐 생각하시는 분들도 계시겠지만, 그건 제가 바라는 효과가 아니라서..;;
blank.gif 와는 별개로 heart.gif 에 링크를 걸고 싶습니다. 즉, 링크된 주소로 가려면 초기화면에서 클릭을 두 번 하도록 만들려고요.
어떤 소스를 추가해야 그러한 효과가 나타날까요? 아니면 아예 다른 방법으로 접근해야 하나요? 도움말씀 부탁드립니다. ^^
제가 아래와 같은 소스를 넣으려고 하는데요, 궁금한 게 있습니다.
우선 저는 <head>와 </head> 사이에 아래와 같은 소스를 넣었구요.
function bt(id,after)
{
eval(id+'.filters.blendTrans.stop();');
eval(id+'.filters.blendTrans.Apply();');
eval(id+'.src="'+after+'";');
eval(id+'.filters.blendTrans.Play();');
}
또 <body>와 </body> 사이에 아래와 같은 소스를 넣었어요.
<div id="layer3" style="width:50px; height:50px; position:absolute; left:873px; top:432px; z-index:1; background-image:menu1;"><img ID=menu1 src="blank.gif" border=0 style="filter:blendTrans(duration=1.5)" width="50" height="50" onfocus='this.blur()' onclick='bt("menu1","heart.gif")'>
</div>
위 소스를 실행시키면 layer3 레이어에 blank.gif 라는 파일이 삽입되어 있는 상태입니다.
그리고, blank.gif 를 클릭하면 heart.gif 라는 파일이 교체되어 뜨게 만들었습니다.
문제는 지금부터인데요..
heart.gif 라는 파일에 링크를 걸고 싶거든요.
근데 아무리 해봐도 쉽지가 않네요.
<img src="heart.gif" width="50" height="50" border="0" onclick="window.open('링크주소');">
를 위 소스의 <div>와 </div> 사이에 삽입하는 시도를 해봤는데요.
결과는, blank.gif 와 교체되어 나타나는 heart.gif 라는 파일에 링크가 걸리는 것이 아니라, layer3 레이어에 아예 heart.gif 파일이 새로 나타나서 그 곳에 링크가 걸리더군요.
혹 읽으시는 분들 중에는, blank.gif 에 heart.gif 를 롤오버시켜서 링크를 걸면 되지 않느냐 생각하시는 분들도 계시겠지만, 그건 제가 바라는 효과가 아니라서..;;
blank.gif 와는 별개로 heart.gif 에 링크를 걸고 싶습니다. 즉, 링크된 주소로 가려면 초기화면에서 클릭을 두 번 하도록 만들려고요.
어떤 소스를 추가해야 그러한 효과가 나타날까요? 아니면 아예 다른 방법으로 접근해야 하나요? 도움말씀 부탁드립니다. ^^
var icheck = "";
function bt(id,after)
{
if(icheck)
{
window.open('http://www.idsu.net');
}
eval(id+'.filters.blendTrans.stop();');
eval(id+'.filters.blendTrans.Apply();');
eval(id+'.src="'+after+'";');
eval(id+'.filters.blendTrans.Play();');
icheck = "1";
}
</script>
<div id="layer3" style="width:50px; height:50px; position:absolute; left:873px; top:432px; z-index:1; background-image:menu1;"><img ID=menu1 src="blank.gif" border=0 style="filter:blendTrans(duration=1.5)" width="50" height="50" onfocus='this.blur()' onclick='bt("menu1","heart.gif")'+ '+ '>
</div>