남 홈페이지중 일부분만 가져와서 내홈페이지 넣는 방법입니다.
꽁수중에 왕꽁수 입니다. 테스트해본결과 익스,파폭 다 잘 됩니다.
아이프레임과 div 를 이용한 꽁수인데 겉으로 보이기만 일부분만 보이는것이지 실제로는 홈페이지 두개를 불러내는거와 같습니다.
과도하게 많이 사용하면 페이지 로딩속도가 상당히 떨어질수 있습니다.
넣을 테스트 페이지는 http://dream.sajui.net 입니다.
넣고 난 결과(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 부분입니다.
해보시면 아시겠지만, 넣을때 하나하나 보면서 조절할필요가 있습니다.
조금 노가다죠?
이걸 자동으로 해주는 함수나 클래스 만들어봤음 싶은데.. 시간이 나면~ ^^;
그럼..


댓글 없음:
댓글 쓰기