iframe, img, div 크기 줄이기 채택완료
그누그누1
9년 전
조회 5,092
안녕하세요
<div class="main">
<iframe frameborder="0" width="700" height="250" src="http://xxx">http://xxx" scrolling="no" marginwidth="0" marginheight="0" border="0">
</div>
위 코드 인데요
제 사이트는 가로가 600 입니다.
div에서 width:600px
를 주면 iframe 이미지 오른쪽 100px이 잘려버리네요
이미지를 자르지 않고 600px로 축소 하는 방법이 있을까요?
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
9년 전
<iframe id="fr"
<script>
$('#fr').load(function() {
var width = $('.main').width();
$('#fr').contents().find('img').each(function() {
if ( $(this).width() > width) $(this).width(width);
});
});
</script>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
그누그누1
9년 전
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 3개
�
그누그누1
9년 전
iframe 에서 img 를 불러오네요
광고코드 이거든요
매번 이미지 div가 바껴서 어떻게 해야 할지 모르겠네요
광고코드 이거든요
매번 이미지 div가 바껴서 어떻게 해야 할지 모르겠네요
�
홈짱
9년 전
그럼, 어쩔 수 없이, scrolling="yes" 해서 하단에 스크롤바 만드시는 게 낫겠네요.
아이프레임으로 불러오는 이미지는 100% 꽉 차게 힘들거든요.
아이프레임으로 불러오는 이미지는 100% 꽉 차게 힘들거든요.
�
그누그누1
9년 전
감사합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
<script>
$('#fr').load(function() {
var width = $('.main').width();
$('#fr').contents().find('img').each(function() {
if ( $(this).width() > 661) $(this).width(660);
});
});
</script>
이렇게 해봤는데 안되네요 ㅜㅜㅜ