JS 图片点击显示原图片

function DrawImage(ImgD){
    var image = new Image();
    image.src=ImgD.src;
    var width = $(ImgD).attr("width");
    var height = $(ImgD).attr("height");
    if(width >100 && height>80){
        ImgD.width=100;  
        ImgD.height=80;
        ImgD.alt=image.width+"×"+image.height;
    }else{
        if(image.width>0 && image.height>0){
            flag=true;
            if(image.width>300 || image.height>200){
                ImgD.width=image.width/2;  
                ImgD.height=image.height/2;
                ImgD.alt=image.width+"×"+image.height;
            }else{
                ImgD.width=image.width;     
                ImgD.height=image.height;
                ImgD.alt=image.width+"×"+image.height;
            }
        }
    }
}

时间: 2024-12-06 09:48:48

JS 图片点击显示原图片的相关文章

js 事件点击 显示 隐藏

1 <div style="position:absolute;left:40%;top:10%;border-style:dotted"> 2 <img src="zgl.jpg"/><br/> 3 <center> 4 <input type="button" value="隐藏"/> 5      6 <input type="button&qu

利用JS实现点击按钮后图片自动切换

我么常常看到一个网站的主界面的图片可以切换自如,那么又是如何实现的呢? 1.HTML页面布局如图所示: Main(div) top(div)(显示需要显示的图片) bottom UL (li)<选择>left center right 2.实现上述布局 swap.html <!DOCTYPE html PUBLIC '-//W3C//DTD HTML 4.01 Strict//EN' 'http://www.w3.org/TR/html4/strict.dtd'><html&

android开发 实现同时显示png/jpg 等bitmap图片还可以显示gif图片,有效防止OOM

本来使用第三方jar包 GifView.jar  发现使用的时候不能显示png图片,而且多次setgifimage的时候还会OOM: 现在使用了一个新的第三方,demo是别人的, 下载链接:http://files.cnblogs.com/files/feijian/drawable_gif_demo.rar 注意里面需要添加的包

js处理img标签加载图片失败,显示默认图片

1.第一种方法: 如果已经引入了jquery插件,就很好办.没有的话,如果实在需要,可以附上代码: script(type='text/javascript', src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js") //这是jade文件的写法,可以自行转换为html handle error $('img').error(function(){ $(this).attr('src', "d

在JSP程序中我用新图片替换掉了原图片(名字,格式相同),为什么打开网页显示的还是以前的图片呢

老的图片资源被浏览器缓存了,就算你换了新的图片,程序也是默认先从缓存中取得图片的,解决方法有很多的,最简单的就是当你更换图片时清理一下浏览器缓存,ctrl+F5强刷一下,有的浏览器可能不好用,还有就是如果你的程序是在服务器端直接上传更新的话,建议使用静态资源版本控制.

sharepoint column中的图片链接不能显示为图片

在sharepoint的list中定义了一个Calculated (calculation based on other columns) 类型的column,需要自动根据条件显示相对应的图片. 在Formula 中输入了以下代码: =IF([kpi status]="on time","/_layouts/images/kpipeppers-0.gif",IF([kpi status]="delay","/_layouts/image

Glide加载圆形图片第一次只显示默认图片

Glide加载圆形图,又设置了默认图,很多时候第一次加载的时候只显示默认图.下面的方案可以解决.\ Glide.with(AudioDetailActivity.this) .load(cover) .placeholder(R.drawable.audio_default_normal) .into(new SimpleTarget<GlideDrawable>() { @Override public void onResourceReady(GlideDrawable resource,

当获取图片失败时候,显示默认图片

你是不是在弄交互数据的时候经常遇到那个图片链接压根就是啥都没有,页面看上去也不美观.这时候我们就可以试一下可以给他一个默认图片,完美一下了 真的有这方法: 在vue项目时 在html中img标签加入 :onerror="defaultImg"/*适合少量的img标签的*/ 在JavaScript中加入默认的图片 js原生是 <img src='test.jpg' alt='test' onerror="this.src='default.jpg'"> 

webView图片点击可以实现预览效果

最近做项目遇到了webview加载后图片点击可以实现图片预览效果的需求. 如果要实现这个需求我们要保证webview和html是交互的否则我们加载的webview上面的图片是不能实现点击效果的.那么如何实现交互呢,其实很简单,我们只需要往调用的webview页面里加入一段js代码就可以了 一:我们创建一个js的方法: //创建JS - (NSString *)createJavaScript { NSString *js = @"var imgArray = document.getElemen