图片自动缩小 点击放大

如果不支持网页对话框就再新窗口打开
目的：    图片自动缩小 点击放大
输入：    无
返回：    无

function $(obj){
return document.getElementById(obj);
}
function ResizeImage(objImage,maxWidth) {
try{
  if(maxWidth>0){
   var objImg = $(objImage);
   if(objImg.width()>maxWidth){
    objImg.width(maxWidth).css("cursor","pointer").click(function(){
     try{showModelessDialog(objImage.src);}catch(e){window.open(objImage.src);}
    });
   }
  }
}catch(e){};
}

赞 (0)

相关推荐

  • js与自动伸缩图片 自动缩小图片的多浏览器兼容的方法总结 原创

    最近做一个图片的自动缩小效果,发现一直用的js,竟然在firefox下无法正常啊,导致页面变形.所以自己写了个兼容性一般的代码,大家可以来讨论下原来我用的是从pjblog上的 复制代码 代码如下: //查找网页内宽度太大的图片进行缩放以及PNG纠正  function ReImgSize(){   for (i=0;i<document.images.length;i++)    {    if (document.all){     if (document.images[i].width>

  • JS自动缩小超出大小的图片

    复制代码 代码如下: <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript"> jQuery.fn.LoadImage=function(scaling,width,height,loadpic){ if(loadpic==null)loadpic="../img/lo

  • 图片自动缩小的js代码,用以防止图片撑破页面

    JS代码(随便放哪里): <script language="JavaScript">  <!--  var flag=false;  function DrawImage(ImgD){  var image=new Image();  image.src=http://www.jb51.net/htmldata/2006-01-08/ImgD.src;  if(image.width>0 && image.height>0){    fl

  • 又一个图片自动缩小的JS代码

    <script language="JavaScript">  <!--  var flag=false;  function DrawImage(ImgD){  var image=new Image();  image.src=ImgD.src;  if(image.width>0 && image.height>0){    flag=true;    if(image.width/image.height>= 180/110)

  • 图片自动缩小 点击放大

    如果不支持网页对话框就再新窗口打开 目的:    图片自动缩小 点击放大 输入:    无 返回:    无 function $(obj){ return document.getElementById(obj); } function ResizeImage(objImage,maxWidth) { try{   if(maxWidth>0){    var objImg = $(objImage);    if(objImg.width()>maxWidth){     objImg.w

  • js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码

    js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码

    今天来分享一下鼠标点击按钮,图片进行切换+图片自动切换+点击左右按钮图片进行切换的三种效果的组合代码. 最后的效果如下: Html代码部分: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <met

  • jQuery实现的图片点击放大缩小功能案例

    本文实例讲述了jQuery实现的图片点击放大缩小功能.分享给大家供大家参考,具体如下: 我们不废话,直接上例子.首先利用dom的垂直分层实现图片的点击放大和缩小(手机上使用的效果较好),在图片放大的时候同时禁止页面的滑动,如果在web端的话可以不禁止屏幕的滚动(因为图片放大是将图片的宽度变成100%,在web上长度可能会超出屏幕 的高度). 来看css部分代码: <style> /*全屏显示大图*/ .opacityBottom{ width: 100%; height: 100%; posi

  • iOS中给自定义tabBar的按钮添加点击放大缩小的动画效果

    之前想过一些通过第三方的方式实现动画,感觉有点麻烦,就自己写了一个 不足之处还望大家多多指出 // 一句话,写在UITabBarController.m脚本中,tabBar是自动执行的方法 // 点击tabbarItem自动调用 -(void)tabBar:(UITabBar *)tabBar didSelectItem:(UITabBarItem *)item { NSInteger index = [self.tabBar.items indexOfObject:item]; [self a

  • .Net实现上传图片按比例自动缩小或放大的方法

    本文实例主要展示了.Net实现上传图片按比例自动缩小或放大的方法,是非常实用的功能.分享给大家供大家参考之用.具体方法如下: //// <summary> /// 按比例缩小图片,自动计算宽度 /// </summary> /// <param name="strOldPic">源图文件名(包括路径)</param> /// <param name="strNewPic">缩小后保存为文件名(包括路径)&l

  • 利用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

  • js实现点击图片自动提交action的简单方法

    利用js实现点击一张图片,直接上传到指定的action,方法简单,一看就会了,只需要用户点击图片一次就可以实现图片上传功能.主要用到了onclick,  onchange,  display属性,代码可以直接copy用.此代码适合上传单张图片,关于action部分此处没有,这里只简绍页面效果. html代码 <form action="p1.html" id="form" ENCTYPE="multipart/form-data" meth

随机推荐