묻고답하기
투명 아이프레임 관련 (소스충돌인가요?)
2003.02.02 22:00
원래는 아래의 소스를 사용하는, 그림이 천천히 부드럽게 바뀌는 htm문서였어요.
<body oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
<script>
<!--
var img1 = new Image();
img1.src = "right1.jpg";
var img2 = new Image();
img2.src = "right2.jpg";
var img3 = new Image();
img3.src = "right3.jpg";
var img4 = new Image();
img4.src = "right4.jpg";
var img5 = new Image();
img5.src = "right5.jpg";
//-->
</script>
<BODY onload="init();">
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px; WIDTH: 200px; Z-INDEX: 10">
<!--위치-->
<IMG border=0 name=blendObj src="right1.jpg" style="FILTER: blendTrans(duration=5)"> </DIV> <!--속도-->
<script>
<!--
var maxLoops = 5;
var bInterval = 2;
var count = 2;
function init() {
blendObj.filters.blendTrans.apply();
document.images.blendObj.src = eval("img"+count+".src");
blendObj.filters.blendTrans.play();
if (count < maxLoops) {
count++;
}
else {
count = 1;
}
setTimeout("init()", bInterval*1000+3000);
}
//-->
</script></body>
그런데 이 문서를 배경삼아 투명 프레임을 넣고 싶은데 아무리 시도해도 안되네요.
소스는 건너 게시판에서 보고
<iframe frameborder="0" height="200" leftmargin="0" marginheight="0" marginwidth="0" scrolling="auto" src="제로보드달력" topmargin="0" width="200" allowtransparency="true">
이런 소스를 위의 htm문서 소스 맨 위에 포함했거든요.
그랬더니 "제로보드달력"만 뜨는 거에요.
그래서 </iframe>을 했더니, 이번엔 맨처음 그 부드럽게 바뀌는 그림 htm문서만 뜨구요.
그리고 아이프레임 소스를 위의 htm문서 소스 맨 아래에 넣으니까 htm문서만 보이더라구요.
도대체 어디서 충돌이 일어나는 걸까요?
제로보드달력 관리자 설정 페이지에서 상단에 표시될 문서에 <body style="background-color:transparent">도 넣었거든요.
ㅠㅠ 해결해주세요...
저는 배경으로 움직이는 사진을 넣고 그 위에 달력을 얹고 싶거든요.
<body oncontextmenu="return false" ondragstart="return false" onselectstart="return false">
<script>
<!--
var img1 = new Image();
img1.src = "right1.jpg";
var img2 = new Image();
img2.src = "right2.jpg";
var img3 = new Image();
img3.src = "right3.jpg";
var img4 = new Image();
img4.src = "right4.jpg";
var img5 = new Image();
img5.src = "right5.jpg";
//-->
</script>
<BODY onload="init();">
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 0px; WIDTH: 200px; Z-INDEX: 10">
<!--위치-->
<IMG border=0 name=blendObj src="right1.jpg" style="FILTER: blendTrans(duration=5)"> </DIV> <!--속도-->
<script>
<!--
var maxLoops = 5;
var bInterval = 2;
var count = 2;
function init() {
blendObj.filters.blendTrans.apply();
document.images.blendObj.src = eval("img"+count+".src");
blendObj.filters.blendTrans.play();
if (count < maxLoops) {
count++;
}
else {
count = 1;
}
setTimeout("init()", bInterval*1000+3000);
}
//-->
</script></body>
그런데 이 문서를 배경삼아 투명 프레임을 넣고 싶은데 아무리 시도해도 안되네요.
소스는 건너 게시판에서 보고
<iframe frameborder="0" height="200" leftmargin="0" marginheight="0" marginwidth="0" scrolling="auto" src="제로보드달력" topmargin="0" width="200" allowtransparency="true">
이런 소스를 위의 htm문서 소스 맨 위에 포함했거든요.
그랬더니 "제로보드달력"만 뜨는 거에요.
그래서 </iframe>을 했더니, 이번엔 맨처음 그 부드럽게 바뀌는 그림 htm문서만 뜨구요.
그리고 아이프레임 소스를 위의 htm문서 소스 맨 아래에 넣으니까 htm문서만 보이더라구요.
도대체 어디서 충돌이 일어나는 걸까요?
제로보드달력 관리자 설정 페이지에서 상단에 표시될 문서에 <body style="background-color:transparent">도 넣었거든요.
ㅠㅠ 해결해주세요...
저는 배경으로 움직이는 사진을 넣고 그 위에 달력을 얹고 싶거든요.
댓글 3
-
Smileru
2003.02.03 10:18
-
비밀
2003.02.03 13:23
노프레임.. 할 줄 몰라요. ㅠㅠ
아무튼 알려주셔서 감사합니다 -
비밀
2003.02.03 19:01
^^ 성공했어요. ^^ 스마일님께서 힌트를 주셔서 님의 홈에 가서 봤는데요,
아이프레임의 위치를 div로 지정해주면서 포지션을 absolute로 하니까 됐어요. ^^
그리고 투명 아이프레임, 되더라구요. ^^
필요하신 분, 제게 쪽지주세요- ^^
투명한 iframe이 가능한가요? iframe에 불러지나는 body에 transparent를 줘도.... 하긴 저도 안해봐서... 아마 iframe에다가 똑같이 style="background-color:transparent" 을 줘보세요... 물론 가능한지 모르겠지만...-_-;
저같은 경우에는 바뀌는 그림위에 메뉴를 올려놓았는데요...
'+ '+ '바뀌는 그림'은 div태그로 정렬됩니다. 지금 위의 div태그는 어떤 태그도 다 무시한채, left,top등의 여백에 의해서만 위치가 결정되죠... 뒤에 있는 모든 그림,표,텍스트들이 가려집니다.
하지만 마찬가지로 div태그를 이용해 '바뀌는 그림'위에 정렬시킨다면 보여지게 되죠.
iframe의 경우는 투명하지 않지만, 저는 table을 이용해서 메뉴그림을 정렬시켰기 때문에 뒤에 그림과 같이 보여집니다.
제로보드 달력도 php이니 iframe보단 그냥 정렬하는것은 어떠실런지.... 노프레임으로 말이죠..