图片的等比例缩放代码,Js代码库,德仔网

代码语言

代码分类

【Js】图片的等比例缩放

作者:培政 / 发布于2017/9/11/ 704

等比例缩放标识：
<style>
  ul,li{margin:0;padding:0}ul,ol,li{list-style:none}
  #upPicture img{max-height:160px;max-width:100px;border:none;}
  #upPicture_ul{display:block;height:160px;width:500px;}
  #upPicture_ul>li{display:table-cell;height:160px;width:100px;text-align:center;vertical-align:middle;
}
</style>
    
 <div id="upPicture" region="south" border="true" style="border: 1px #3366FF solid; height: 160px;">
          <ul id="upPicture_ul">暂无
         </ul>

  </div>

//获取图片链接然后赋值(多个图片)

var picture='<img src="图片链接" width="100%">'; 

$("#upPicture_ul").html(picture);

试试其它关键字

同语言下

.Jquery搜索框获取回车事件
.H5页面添加倒计时，然后自动跳转
.通过user-agent判断h5页面是在哪个手机App（QQ、微信
.nginx 禁止未绑定的域名访问
.JavaScript 获取按键，并屏蔽系统 Window 事件
.H5之只允许微信浏览器打开，禁止从外部浏览器访问
.微信打开网址添加在浏览器中打开提示的办法
.实现JS复制、粘贴，Chrome/Firefox下可用
.video视频播放，play()、pause()、duration时长、onen
.HTML5实现MP3上传前的预览和播放时长的获取

可能有用的

.Jquery搜索框获取回车事件
.H5页面添加倒计时，然后自动跳转
.通过user-agent判断h5页面是在哪个手机App（QQ、微信
.nginx 禁止未绑定的域名访问
.JavaScript 获取按键，并屏蔽系统 Window 事件
.H5之只允许微信浏览器打开，禁止从外部浏览器访问
.微信打开网址添加在浏览器中打开提示的办法
.实现JS复制、粘贴，Chrome/Firefox下可用
.video视频播放，play()、pause()、duration时长、onen
.HTML5实现MP3上传前的预览和播放时长的获取

培政贡献的其它代码(22)

.API监控Shell脚本
.ue 文字滚动 |vue 文字轮播
.判断当前是否为移动设备的浏览器
.jquery添加删除html标签属性
.图片的等比例缩放
.制作时间戳和时间戳转标准日期时间
.可以输入一个小数点,和可以使用退格(int类型和浮点类
.比较两个字符串的相似度
.jQuery实现表格展开与折叠的方法
.UpdatePanel中FileUpload控件获取不到值的解决办法