查找网页内宽度太大的图片进行缩放以及PNG纠正
2009-08-02 13:31
253 查看
<script language="javascript" type="text/javascript">
<!--
//查找网页内宽度太大的图片进行缩放以及PNG纠正
function ReImgSize(obj){
//alert(obj);
var imgArr=document.getElementById("content").getElementsByTagName("IMG");
//alert(1);
for (i=0;i<imgArr.length;i++)
{
if (document.all)
{
if (imgArr[i].width>600)
{
a=imgArr[i].width/imgArr[i].height
imgArr[i].width="700"
imgArr[i].height=imgArr[i].width/a
imgArr[i].outerHTML='<a href="'+imgArr[i].src+'" target="_blank" title="在新窗口打开图片">'+imgArr[i].outerHTML+'</a>'
}
}
else
{
if (imgArr[i].width>600)
{
imgArr[i].title="在新窗口打开图片"
imgArr[i].style.cursor="pointer"
imgArr[i].onclick=function(e){window.open(this.src)}
}
}
}
}
window.onload = function()
{
ReImgSize("content");
}
//-->
</script>
<!--
//查找网页内宽度太大的图片进行缩放以及PNG纠正
function ReImgSize(obj){
//alert(obj);
var imgArr=document.getElementById("content").getElementsByTagName("IMG");
//alert(1);
for (i=0;i<imgArr.length;i++)
{
if (document.all)
{
if (imgArr[i].width>600)
{
a=imgArr[i].width/imgArr[i].height
imgArr[i].width="700"
imgArr[i].height=imgArr[i].width/a
imgArr[i].outerHTML='<a href="'+imgArr[i].src+'" target="_blank" title="在新窗口打开图片">'+imgArr[i].outerHTML+'</a>'
}
}
else
{
if (imgArr[i].width>600)
{
imgArr[i].title="在新窗口打开图片"
imgArr[i].style.cursor="pointer"
imgArr[i].onclick=function(e){window.open(this.src)}
}
}
}
}
window.onload = function()
{
ReImgSize("content");
}
//-->
</script>
相关文章推荐
- ios UIWebView截获html并修改便签内容以及用js对图片进行缩放
- PNG透明图片叠加(Opencv实现,包括旋转缩放以及边界处理)
- 【原创】用JavaScript动态获取网页中缩放图片的长度、宽度和显示比例
- ios UIWebView截获html并修改便签内容以及用js对图片进行缩放
- java将图片缩放实现类(能将jpg、bmp、png、gif图片文件,进行等比或非等比的大小转换)
- 一个可以使得上传的图片大小按照指定的宽度,高度自动按比例进行缩放的函数(C#)
- jquery获取 屏幕宽度以及网页可用宽度 以及 给图片src赋值 div赋值
- PHP制作3D扇形统计图以及对图片进行缩放操作实例
- 网页图片格式PNG,JPG,GIF如何选择使用
- 用 JavaScript 实现网页图片等比例缩放
- 使用Javascript获取图片坐标以及宽度高度的方法
- ThinkPHP3.2上传缩放.png图片出现白底问题
- 【HTML】 向网页<Title></Title>中插入图片以及跑马灯
- 窗体、滚动条宽度和高度获取以及document.body和document.documentElement,document.compatMode解释(网页高度宽度)
- MFC利用GdipButton实现png按钮,并在此基础上实现图片适应按钮尺寸的缩放
- 使用WPF Resource以及Transform等技术实现鼠标控制图片缩放和移动的效果
- 用 JavaScript 实现网页图片等比例缩放
- 将图片宽度按偶数缩放:
- Android多点触控技术实战,自由地对图片进行缩放和移动
- 动态获取缩放图片的长度、宽度和显示比例