• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > 基于jquery的防止大图片撑破页面的实现代码(立即缩放)

基于jquery的防止大图片撑破页面的实现代码(立即缩放)

作者: 字体:[增加 减小] 来源:互联网

通过本文主要向大家介绍了大图片,撑破页面等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
为了防止图片撑破布局,最常见的仍然是通过onload后获取图片尺寸再进行调整,所以加载过程中仍然会撑破。而Qzone日志的图片在此进行了改进,onload完毕后才显示原图。我以前用onload写过一个小例子:http://www.planeart.cn/?p=1022

通过imgReady可以跨浏览器在dom ready就可以实现图片自适应,无需等待img加载,代码如下:
(3-17修复网友crossyou 指出的一处错误,并且新版本去掉了替换图片)
打包下载地址
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果(附demo源码下载)
  • Jquery实现鼠标移动放大图片功能实例
  • jQuery点缩略图弹出层显示大图片
  • 基于jquery的防止大图片撑破页面的实现代码(立即缩放)
  • 基于Jquery的仿照flash放大图片效果代码

相关文章

  • IE8下jQuery改变png图片透明度时出现的黑边
  • jquery下为Event handler传递动态参数的代码
  • JQuery onload、ready概念介绍及使用方法
  • jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果
  • jquery之Document元素选择器篇
  • Jquery 实现图片轮换
  • jQuery新窗口打开外链接
  • jquery仿百度百科底部浮动导航特效
  • jquery调取json数据实现省市级联的方法
  • 基于jquery的表格排序

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • JQuery制作的放大效果的popup对话框(未添加任何jquery plugin)分享
    • Bookmarklet实现启动jQuery(模仿 云输入法)
    • jQuery EasyUI API 中文文档 - NumberSpinner数值微调器使用介绍
    • 纯JAVASCRIPT图表动画插件Highcharts Examples
    • jquery select(列表)的操作(取值/赋值)
    • jQuery多媒体插件jQuery Media Plugin使用详解
    • JQuery中html()方法使用不当带来的陷阱
    • 浅谈jQuery双事件多重加载的问题
    • jquery做个日期选择适用于手机端示例
    • jQuery常用且重要方法汇总

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有