채택완료

iframe src 질문입니다.

2016-09-27 (화) 17:03:22 11,054

현재 하나의 페이지에 공간을 둘로 쪼개서 왼쪽에 iframe을 사용해서 하고 있는 중인데

src에 url를 지않고 이미지를 넣었습니다.  

그런데 기존의 iframe 크기와 사진 이미지 크기가 맞지 않아서 이미지를 iframe크기에 맞출려고하는데

어떻게 해야할까요 ㅜ src를 따로 편집할 수 있나요 ? 

|

답변 2개 / 댓글 7개

채택된 답변
+20 포인트

억지로 되긴 합니다. 쩝;

Copy
<script>$(document).ready(function(){  $("#iframe").load(function(){    $(this).contents().find('img').css('width',$(this).width());  });});</script><iframe id="iframe" width="400px" src="logo.jpg">

답변에 대한 댓글 6개

2016-09-27 (화) 18:21:28
으흠!! 감사합니다 ..ㅎ 안될줄 알고 다른 방법을 강구하고 있었는데 ...ㅎ
2016-09-27 (화) 18:32:47
<iframe id="iframe_show" name="iframe_show" marginheight="0" marginwidth="0"
width="1300" height="900" scrolling=yes src='<?php echo G5_THEME_IMG_URL ?>/4th.png');' frameBorder=0 "></iframe> 으로 소스가 지정되어있는데

iframe을 taget으로 잡은 모든 페이지에서의 img가 같이 이동이 되네여 ㅜ 따로 저거 하나만 하는 방법은 없을까요?
정확하게 뭐를 말씀하시는 것인지 모르겠습니다.
해당 iframe 은 id 나 name 으로 잡으시면 되지 않나요?
2016-09-27 (화) 18:45:47
소스가 iframe안에 있는 모든 img를 찾아서 width를 이렇게 해라..라는 뜻인것 같은데
현재 하나의 iframe에 target으로 3~4개 정도의 페이지가 연결이 되어있어서 버튼을 클릭시 위의 iframe창으로 페이지가 출력이 됩니다. 그 3~4개의 페이지에서도 img를 사용하고 있어서 모든 img가 전부 이미지가 커지는 상태가 되네요 ㅜ 메인만 하면 되는데 ㅜ
그 메인 이미지 파일명이 항시 고정이면
if 문으로 해당 파일명 이면 작동하고 아니면 작동 하지 않게 처리해보시면 되지 않을까요?
2016-09-27 (화) 18:49:20
아 좋은 설명 해주셔서 감사합니다! 꼭 성공시키겠습니다 ㅎㅎ

그냥 단순한 생각으로 답변 드립니다.

iframe 에 속한 img 속성을 css 로 선언해 주시면 되지 않을까 합니다.

#iframe img { width:100% }

뭐 이런식으로요

답변에 대한 댓글 1개

2016-09-27 (화) 18:00:34
아..안되네용 ㅜㅜㅜ

답변을 작성하려면 로그인이 필요합니다.