iframe, img, div 크기 줄이기
본문
안녕하세요
<div class="main">
<iframe frameborder="0" width="700" height="250" src="http://xxx" scrolling="no" marginwidth="0" marginheight="0" border="0">
</div>
위 코드 인데요
제 사이트는 가로가 600 입니다.
div에서 width:600px
를 주면 iframe 이미지 오른쪽 100px이 잘려버리네요
이미지를 자르지 않고 600px로 축소 하는 방법이 있을까요?
답변 2
<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>
<iframe id="fr" frameborder="0" .....................>
<script>
$('#fr').load(function() {
var width = $('.main').width();
$('#fr').contents().find('img').each(function() {
if ( $(this).width() > 661) $(this).width(660);
});
});
</script>
이렇게 해봤는데 안되네요 ㅜㅜㅜ
iframe 너비가 700 으로 잡혀서 그런 것 같네요.
걍 100%로 줘보세요.
iframe 에서 img 를 불러오네요
광고코드 이거든요
매번 이미지 div가 바껴서 어떻게 해야 할지 모르겠네요
그럼, 어쩔 수 없이, scrolling="yes" 해서 하단에 스크롤바 만드시는 게 낫겠네요.
아이프레임으로 불러오는 이미지는 100% 꽉 차게 힘들거든요.
감사합니다.