남 홈페이지중 일부분만 가져와서 내홈페이지 넣는 방법입니다.
꽁수중에 왕꽁수 입니다. 테스트해본결과 익스,파폭 다 잘 됩니다.
아이프레임과 div 를 이용한 꽁수인데 겉으로 보이기만 일부분만 보이는것이지 실제로는 홈페이지 두개를 불러내는거와 같습니다.
과도하게 많이 사용하면 페이지 로딩속도가 상당히 떨어질수 있습니다.
위에 보이는 사이트를 넣고 난 결과(http://insidedream.net)는 아래와 같습니다.
깜쪽같지 않습니까? ㅋㅋ
물론 링크걸렸을때 페이지 안에서만 보인다는 단점이 있긴하지만 , 이런기능이 꼭 필요할분들이 분명이 있을거라 생각됩니다. ^^
소스는 아래와 같습니다. 응용해서 쓰세요
<div id="unse" style="position:relative;z-index:1;height:480px;">
<DIV style="position:absolute;overflow:hidden;width:550px;height:470px;top:8px;left:0px;">
<DIV style="position:absolute;left:-230px;top:-280px;">
<iframe src="**** 넣을 홈페이지 주소 **** " WIDTH=1010 HEIGHT=930></iframe>
</div>
</div>
</div>
원리를 간단히 설명드리자면, (설명색과 같은 색인 소스를 보면 됩니다.)
1.아이프레임으로 홈페이지 통째로 넣고 ,
2. 보여질 부분위치를 조절한다음
3. 보이지 않아도 될부분을 짤라내고
4. 들어간 부분 다음 내용을 위해서 보여지는 부분만큼 공간을 줍니다.
소스에서 수정해야할부분은 **** 넣을 홈페이지 주소 **** 이부분과
각종(?) height,width,top,left 부분입니다.
해보시면 아시겠지만, 넣을때 하나하나 보면서 조절할필요가 있습니다.
조금 노가다죠?
이걸 자동으로 해주는 함수나 클래스 만들어봤음 싶은데.. 시간이 나면~ ^^;
그럼..
'웹이야기' 카테고리의 다른 글
| 김범배의 절대로 안망하는 쇼핑몰 만들기 라는 책. (2) | 2008/04/27 |
|---|---|
| [CSS] 자바스크립트 없이 재빠른 롤오버 버튼 만들기 (0) | 2008/04/27 |
| 남홈페이지 일부분만 내홈페이지에 넣기 (0) | 2008/04/27 |
| ajax 팝업의 완결 shdowbox.js (0) | 2008/04/27 |
| [강좌] xajax 강좌 #4 (0) | 2008/04/27 |
| [강좌] xajax 강좌 #3 (0) | 2008/04/27 |




