iframe 궁금한점이 있습니다. > 자유게시판

자유게시판

iframe 궁금한점이 있습니다. 정보

iframe 궁금한점이 있습니다.

본문

 

 

매일같이 오던 sir 였는데.. 한동한 뜸하다 오랫만에 왔네요 ^^;

마땅히 물어볼데도 없고 하다 보니 ㅠㅠ

궁금한게 있어서 여기서 이렇게 부탁을 드립니다.

 

iframe 으로 홈페이지를 여러개 삽입을 해야 하는데..

사이트 사이즈가 아닌 iframe 사이즈에 맞게 축소를 하고 싶은데.. 이걸 모르겠네요 ㅡㅡ;;

 

한 화면에 5개의 사이트를 보여줘야 해서;;;

아니면..이 방법 말고 다른 좋은 방법이 있을까요?

 

 

 

추천
0

댓글 10개

안녕하세요. ^^
답변 감사 합니다.

예를들어 800 x 600 으로 iframe 을 만들고 그 안에 삽입할 사이트의 사이즈는 1024 x 768 입니다.
이럴경우 iframe 에 삽입시 짤리는 현상이 나타나는데요..
이걸 비율에 맞게 줄여서 넣고 싶은거거든요..

말씀하신 속성 부분으로 하면 짤리는 현상인데..
혹시 다른 걸 말씀하셨는데 제가 이해를 못한건가요? ^^?
document에 맞게 iframe의 크기를 자동으로 조절해 주는 자바스크립트가
구글링 해 보시면 있을 겁니다.
그걸 참조해 제작하시면 되겠습니다 ^^

단, 페이지를 줄여서 넣는 방법은 그걸 모듈을 이용하여 이미지화 해서 줄이는 방법 외에는
모르겠습니다. 페이지를 줄여주는 자바스크립트가 있나요? 엄청 궁금...ㅎㅎ

그리고 삽입되는 페이지의 일정 부분만을 그 크기에 맞혀 넣는 방법은 css를 잘 활용하시면 될겁니다.
그러니까 가로 800인 창에 1024인 페이지를 넣고 싶은데 프레임 폭이 좁으니 나머지 224 만큼 잘리게 되는데 화면을 축소 해서 1024를 800에 맞추고 싶다 하시는 건가요?
IE에서 Ctrl + +(더하기)를 누르면 화면이 확대되고 -를 누르면 축소 되는데 그런식으로 화면을 축소해서 넣고 싶은 게 아닌가 싶습니다.
제 기억이 맞다면 한 몇 개월에 전에 어떤 분이 그 비슷한 팁을 올렸던 것으로 압니다.
jquery로 이용했던 거 같은데 화면 자체를 축소 한 건지 화면을 캡쳐해서 축소한 건지는 모르겠지만 방법이 있을 듯도 합니다.
네 맞습니다.
그렇게 삽입을 하려 하는건데요..

축소하는 방법이 있으면 축소해서 넣고.. 이게 어렵다면 천상 스크린샷을 찍어서 그걸 넘기는 방향으로 해야 할거 같은데... 어렵네요.. 사이트에 배너가 계속 돌고 있는지라 스크린샷을 사용하면 뚝뚝 끊겨 보일테니 말이죠 ㅠㅠ
index 안에 
iframe 하위에서 크기를 부모에게 알려주어 창 사이즈를 조절 하시면 될듯합니다.

parent.함수 명으로 너비를 넘겨서 iframe 크기를 조절 해보세요ㅎ
http://jsfiddle.net/esassaman/PnWFY/

    -ms-transform: scale(0.15);
    -moz-transform: scale(0.15);
    -o-transform: scale(0.15);
    -webkit-transform: scale(0.15);
    transform: scale(0.25);
   
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;

핵심은 scale 또는 zoom 을 이용하는 방법입니다.
감사 합니다 ^^
저도 이걸 찾아봤는데. 이게 브라우저와 버전에 따라 특성을 좀 타는듯 하네요
찾아본 거에는 IE 같은경우 9에 적용이 된다하여.. 해봤는데 안되고 ㅠㅠ
어렵군요 ㅎㅎ

아무튼 다시 한번 수정해봐야겠어요 ^^
감사합니다.
전체 195,264 |RSS
자유게시판 내용 검색

회원로그인

진행중 포인트경매

  1. 참여3 회 시작24.04.19 15:40 종료24.04.26 15:40
(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT