怎么让iframe里面的图片自动符合iframe的大小？请不吝指教，O(∩_∩)O谢谢
1个回答
展开全部
<!--给你做了两个页面，看看吧，应该是这样的吧，图大小跟iframe大小一致。-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
*{ padding:0px; margin:0px;
border:0px;}
-->
</style>
</head>
<!--iframe页面--->
<body>
<iframe src="Untitled-1.html" style="border:solid 1px #00CC33; margin:0px; padding:0px;" scrolling="no" id="ifa" height="200" width="300"></iframe>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload=function(){
var img=document.getElementsByTagName("img")
img[0].style.height=window.parent.document.getElementById("ifa").height;
img[0].style.width=window.parent.document.getElementById("ifa").width;
}
</script>
</head>
<!--图片页面-->
<body style="margin:0px;">
<img src="" />
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
*{ padding:0px; margin:0px;
border:0px;}
-->
</style>
</head>
<!--iframe页面--->
<body>
<iframe src="Untitled-1.html" style="border:solid 1px #00CC33; margin:0px; padding:0px;" scrolling="no" id="ifa" height="200" width="300"></iframe>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload=function(){
var img=document.getElementsByTagName("img")
img[0].style.height=window.parent.document.getElementById("ifa").height;
img[0].style.width=window.parent.document.getElementById("ifa").width;
}
</script>
</head>
<!--图片页面-->
<body style="margin:0px;">
<img src="" />
</body>
</html>
追问
在一个html中，在一个页面中，点击其他的小图片，在iframe中显示小图片对应的大图片，大图片在iframe中自动适应iframe的大小
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
