js 加载时自动调整图片大小_图象特效

//  方法:setSelectReadOnly  用于设定极select控件ReadOnly,
//        这个一个模拟只读不是真的只读
//        使用了onbeforeactivate,onfocus,onmouseover,onmouseout事件
//    示例:< img src='img.jpg' onload='ImgAutoSize(ImgD,FitWidth,FitHeight)' > ;
//  create by sl 
// ---------------------------------------------------
function ImgAutoSize(imgD,FitWidth,FitHeight) 
{
var image1=new Image(); 
image1.onload = function ()
{
    if(this.width>0 && this.height>0) 
    { 
        if(this.width/this.height>= FitWidth/FitHeight) 
        { 
            if(this.width>FitWidth) 
            { 
                imgD.width=FitWidth; 
                imgD.height=(this.height*FitWidth)/this.width; 
            } 
            else 
            { 
                imgD.width=this.width; 
                imgD.height=this.height; 
            } 
        } 
        else 
        { 
            if(this.height>FitHeight) 
            { 
                imgD.height=FitHeight; 
                imgD.width=(this.width*FitHeight)/this.height; 
            } 
            else 
            { 
                imgD.width=this.width; 
                imgD.height=this.height; 
            } 
        } 
    }
    image1 = null;
}

image1.src=imgD.src; 
imgD.style.cursor = 'hand';
imgD.onclick= function(){openWin(this.src,'imgphoto',600,400)};
imgD.title = "点击在新窗口中查看原图";
}

时间: 2024-11-09 05:57:39

js 加载时自动调整图片大小_图象特效的相关文章

解决AJAX.NET中的悬停panel在页面加载时闪烁的问题_实用技巧

但是,如果panel的内容多了,在页面加载的时候会明显的看到.panel中的内容会首先显示出来,然后再消失,大约不到一秒的时间.如果把panel 隐藏,在单击按钮时,将其显示呢? 当然也无法解决,因为AJAX的悬停脚本是在本地,在没有回传给服务器的时候,窗口已经悬停出来了,往往会看到一个没有任何内容的panel. 要解决这个问题:只需要在panel中加入以下CSS样式,即可完美解决 复制代码 代码如下: .cssHoverMenu { position: absolute; visibility

JavaScript 类似flash效果的立体图片浏览器_图象特效

PS:显示效果图,大家可以根据自己的需求调整图片的样式哦代码 复制代码 代码如下: <style type="text/css"> //图片浏览器容器 #container{position:absolute;} #container img{position:absolute;} //半透明遮罩层样式 .mask2{ background:#99FF00; opacity:0.3; filter:Alpha(Opacity='30'); position:absolute

在图片上单击获取图片原始大小_图象特效

在图片上单击获取图片原始大小[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

css图片自适应大小_图象特效

复制代码 代码如下: function ReImgSize(){              for (j=0;j<document.images.length;j++)             {                  document.images[j].width=(document.images[j].width>420)?"420":document.images[j].width;             }  }         然后在body区域加

js放大镜放大图片效果_图象特效

carefully weight the options

ImageFlow可鼠标控制图片滚动_图象特效

You are free to use this in any product, or on any web site. For more information about ImageFlow read the Documentation and check my Newsblog. For anything else simply drop me a line in my Shoutbox. ChangeLog Version 0.8  Added Safari 1.x compatibil

JS实现全景图效果360度旋转_图象特效

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

奇妙的Javascript图片放大镜_图象特效

--JS放大镜显示-- 单击"放大镜"开始浏览,再次单击停止.

JS 相册效果 自动播放[本地整合]_图象特效

Previous Next Play Stop