 파노라마 사진 스크롤 (영상시) |
 
|
| 2003-10-17 (금) 16:48 조회:1361 | |
|
|
|
|
너무 좁고 긴 사진의 경우는 보기가 힘들다. 이 때 다른 프로그램없이 스크롤 시켜보는 것도 재미있다. 1. 파노라마 사진을 크기를 조절한다. 폭은 지정한대로 나오지만 높이는 스크롤 되는 화면보다 크거나 작으면 그림이 잘리거나 빈공백이 생긴다. 내 경우에는 높이를 480으로 해서 조정했다. 이 때 폭(width)이 얼마가 되는지 기억해 두어야 한다. 2. 스크롤 되게 하는 html 파일을 만든다. 이 때 아래쪽에 있는 <img height=484 src="http://203.250.36.59/~tlad04/pano/gsd-pano.jpg" width=1844 border=0> 부분에서 그림을 올린 주소와 width(1에서 기억해 둔)를 고친다. -------- pano**.html 로 만드는 내용 ------------------------- <html> <head> <script src="http://203.250.36.59/~tlad04/pano/panorama.js"> </script> </head> <body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="window.setInterval('scrollit1();', 30); window.setInterval('scrollit2();', 20); window.setInterval('scrollit3();', 10);"> <center> <table width="720" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <div id=Layer1 style="VISIBILITY: visible; OVERFLOW: auto; WIDTH: 100%; POSITION: absolute; HEIGHT:0; left:0; top: 0"> <img height=484 src="http://203.250.36.59/~tlad04/pano/gsd-pano.jpg" width=1844 border=0></div> </td> </tr> </table> </center> </body> </html> ----------------------------- 여기 까지 --------------------------------------------- 3. 이 때 서버에 방을 만들어 panorama.js pano**.jpg pano**.html 를 한곳에 모아서 두어야 실수가 없다.(FTP로 올린다) (2번 문서에서 보면 pano 방에 모아 두었다) panorama.js는 아래에 ------------------- 여기에서 ------------------------------ var delta1 = 1.3; function scrollit1() { Layer1.scrollLeft = Layer1.scrollLeft+delta1; if(Layer1.scrollLeft>=Layer1.scrollWidth-Layer1.clientWidth) { delta1 = delta1 * -1; } if(Layer1.scrollLeft<=0) delta1 = delta1 * -1; } -------------------- 여기까지 ----------------------------- 4. 이제 게시판에서 불러 올 소스만 남았다. <iframe src="http://www.vrclub.co.kr/2d_pano/jdj.htm" width="650" height="480" frameborder="0" scrolling="no" name="iframe" ></iframe> html 주소를 넣고 width="650" height="480"도 조절한다. --------------- 여기부터 ------------------ <BODY bgcolor=#ffffff topmargin='0' leftmargin='0'><div align=center> <table cellpadding=0 cellspacing=0 border=0><tr><td height=10></td></tr></table><center> <iframe src="http://www.vrclub.co.kr/2d_pano/jdj.htm" width="650" height="380" frameborder="0" scrolling="no" name="iframe" ></iframe> -------------- 여기까지 ---------------------------------- 5. 다음에 쓰고 싶은 글이나 음악을 넣을 수도 있다. |
| 
|
