2012-10-10 3 views
0

iFrame 내에 큰 이미지를 표시하려고합니다. 이미지는 다양한 버튼 클릭시 동적으로로드됩니다. 이미지가 거대하기 때문에 정상적으로 작동하지만 iFrame에 이미지가 표시되면 크기를 조정해야합니다.iFrame의 src 이미지의 너비를 설정할 수 있습니까?

할 방법이 있습니까?

도움 주셔서 감사합니다.

이것은 내가하고있는 일입니다.

<iframe id="myFrame" style="width:950; height: 600px; border: 0px solid red;" src="myImage1.png"></iframe> 

myImage.png에 너비를 설정해야합니다.

+0

크기를 조정 하시겠습니까? 이미지 또는 iframe? – Nelson

+0

이미지, iFrame이 아닙니다. 이미 iFrame에서 고정 높이와 너비를 설정하고 있습니다. 이 작업을 수행하는 이유는 모바일 웹 사이트를 개발 중이며 이미지를 집어 넣을 수 있어야합니다. 이것은 내가 생각할 수있는 가장 쉬운 solutuin입니다. – WhatsInAName

답변

0

버튼을 사용하여 CSS 클래스를 이미지에 적용하고 CSS를 사용하여 이미지의 크기를 설정하십시오.

0

부하를 넣고 크기 조정 이미지를 달성하기 같은 iframe 대응의 이미지, 그는 sample 작업

function loadImage(index){ 
    img.src = images[index]; 
    var content = "<html><body><img src='"+images[index]+"' width='300' height='200'></body></html>"; 
    iF.contentWindow.document.open('text/html', 'replace'); 
    iF.contentWindow.document.write(content); 
    iF.contentWindow.document.close(); 
} 

확인 내가 iframe을하고 IMG와 함께했습니다.

관련 문제