首页 > 资源 > 关键词 > Jquery插件最新资讯 > 正文

分享两个Jquery图片居中缩放预加载插件

2011-12-22 10:06 · 稿源:完美时光

图片缩放、居中——这一直是我想解决的问题。因为对于正规性的网站来说,图片都是要经过处理才上传到页面上去的,但是一般的企业或是小行业网站,编辑又怎么会去处理下图片的尺寸呢,最多也就是改一下水印。所以上传到网站上后显示出来的图片就感觉像是变了形,一点也不美观。

前不久在做一个WP模版时找了个小插件(暂且命名为VLoadedImg)我改了下,终于可以实现图片按比例缩放,并且居中显示了。但是这个小插件还是有个小问题,虽然图片没有变形,但是因为是按比例缩放到指定容器中全部显示,所以如果图片的比例与容器不一致,那上下或左右的留白就会比较多,页面中图片多的话对于正规正矩的页面来说也不是很美观。

今天无意浏览博客时,在WEB前端开发上看到了一个好的小插件——VMiddleImg,试了下感觉蛮不错的,不仅可以实现图片居中而且还可以缩放裁剪(当然不是真正意义上的裁剪,只是把不显示的隐藏起来了)。

话回来还是先说说这VMiddleImg

此脚本拟达到以下需求:

1、当图片高或宽超过父容器时截取中间部分显示。

2、当图片宽高小于父容器时,居中显示。

3、插件中”width”和”height”两个参数可以设定图片实际输出的宽度。

4、可以通过样式设置图片的偏移位置,例如.themes2 li a img{ margin-top: -5px; margin-left: -5px};

5、第3点和第4点结合可以尽可能的解决一个问题,就是解决图片边缘模糊是造成视觉上的不爽。

不爽之处:

1、图片上要加上width和height

2、无预加载效果

演示地址:在线演示

下载地址:115下载

之前用的那个VLoadedImg也总结了下

此脚本拟达到以下需求:

1、当图片高或宽超过父容器时按比例缩放。

2、当图片小于父容器时,居中显示。

3、显示预加载效果。

不爽之处:

1、不能裁剪

演示地址:在线演示

下载地址:115下载

怎么样,有你想要的嘛?至于插件中存在的小喝下我向鸟建议下。争取做到更好。

  • 相关推荐
  • 大家在看
  • 国美金融等回应氪信SDK插件:已停止与氪信合作

    昨日, 315 晚会曝光了手机SDK插件窃取用户隐私问题。央视点名称,含有上海氪信信息技术有限公司和北京招彩旺旺信息技术有限公司两家公司的SDK插件,都存在在用户不知情的情况下,偷偷窃取用户隐私的嫌疑。

  • 这些APP赶紧卸载!315晚会曝光手机里的窃贼插件

    在今晚的315晚会上,央视还曝光了手机SDK插件窃取用户隐私问题。据悉,SDK,是在手机软件中,提供某种功能或服务的插件,技术人员检测了50多款手机软件,这些软件中分别含有上海氪信信息技术有限公司和北京招彩旺旺信息技术有限公司两家公司的SDK插件,这两个插件,都存在在用户不知情的情况下,偷偷窃取用户隐私的嫌疑,涉及国美易卡

  • 315曝光:50多款APP涉嫌内置SDK插件窃取用户隐私

    今晚315晚会上曝光一些APP中植入某种功能或服务的插件(SDK),就能将个人信息全部转走。2019年11月,上海市消费者权益保护委员会委托第三方公司对50多款手机软件中的SDK插件进行了专门的测试,包括国美易卡、遥控器、最强手电、全能遥控器、91极速购、天天回收、闪到、萝卜商城、紫金普惠等50多款手机软件。监测人员发现这些App中有上海氪信信息技术有限公司和北京招彩旺旺信息技术有限公司两家公司的S

  • 近6万人次观展!LE FRIDDI (乐斐迪)亮相2020时尚深圳展

    7 月 4 日至 6 日,以“品牌导向、原创精品、商业落地、趋势引领”为核心定位的第二十届中国(深圳)国际品牌服装服饰交易会(下称 2020 时尚深圳展)圆满收官,静态商品展、时尚走秀、业内论坛等近百场时尚活动场场爆满,共计有近 6 万人次的专业观众参观、洽谈,参与交流等相关活动。期间,中高端服装品牌LEFRIDDI(乐斐迪)隆重亮相,带着秋季商品参与展示分享,与业内人士相互探讨,交流,并借助平台向更多时尚人群传递全新的?

  • Canalys:vivo二季度稳居中国市场第二,环比增长23

    知名调研公司Canalys发布的最新数据显示,尽管与2019年第二季度相比市场萎缩了7%,但中国智能手机市场的季度环比增长了25%,在2020年第二季度达到9000多万台。数据来源:Canalys其中,华为在国内市场处于领先地位,vivo仅次于华为依旧稳居第二,市场份额达16.3%,环比增长23%。OPPO和小米分别排在第三和第四位,出货量分别为1450万和930万台。受在线销售增长和低价产品组合的推动,苹果iPhone今年第二季度在中国的出货量为770万部?

  • 新基建带动万亿柔性市场需求 柔宇科技位居中国“独角兽”榜单前列

    近日,新经济行业数据机构iiMedia Research发布了《 2020 中国新经济独角兽 200 强榜单》,评选出国内前 200 家估值超过 10 亿美元的未上市企业,蚂蚁金服、字节跳动、阿里云等知名互联网企业稳居榜首,而柔宇科技以 60 亿美元估值跻身榜单并列第 12 名。细品该榜单,其中所折射出的信息颇耐人寻味。 总览榜单,金融、文娱、电子商务类的互联网领域企业占据榜单大半江山,而硬件设备类厂商则不足 10 家,且大多数为消费电子类厂商

  • CFDL战队面试答题活动全部答案汇总 CFDL战队面试答案大全

    CFDL战队面试答题活动在最近正式的开启了,在其中之要玩家答对了问题的答案的话就可以获得很多奖励,下面就来为大家详细的介绍一下全部CFDL战队面试答题活动答案大全。

  • DDR5内存标准正式发布 DDR5技术规格详细介绍

    ?7 月 15 日,JEDEC固态技术协会正式发布下一个主流内存标准DDR5 SDRAM的最终规范(JESD79-5)。2007 年DRAM产业迎来DDR3 时代, 2012 年正式步入DDR4,而DDR5 是DDR标准的最新迭代,它再次扩展了DDR内存的功能,将峰值内存速度提高了一倍,同时也大大增加了内存容量。基于新标准的硬件预计将于 2021 年推出,先从服务器层面开始采用,之后再逐步推广到消费者PC和其他设备。JEDEC预计,DDR5 的生命周期将和DDR4 一样长,甚至更长一

  • 绝地求生出现BattleEye query time out解决办法

    绝地求生此前在27号的时候在间歇性进行竞技比赛时会出现<BattleEye query time out>的提示信息,很多玩家还不清楚怎么办,下面就来为大家分享一下解决办法。

  • 北京互联网法院:个别图片公司或律师专门从事图片维权获利

    日前北京互联网法院发布关于涉网图片类著作权案件的调研报告。报告指出,个别图片公司或者律师甚至专门从事图片维权诉讼,利用专业软件检索到侵权行为后再向图片权利人寻求授权,以提起诉讼的方式获取不正当商业利益。

  • 法院:个别图片公司诉图牟利 图片版权市场功能未能有效发挥

    今日,北京互联网法院发布数据称,北京互联网法院自 2018 年 9 月 9 日成立以来至 2020 年 6 月 30 日,共受理案件 64473 件,其中著作权案件 49855 件,占比77%,涉图片类著作权案件在所有著作权案件中的占比超过一半以上。

  • 腾讯云发布上半年DDoS威胁报告,国内DDoS攻击呈高发态势

    以云计算、5G、AI等为代表的ICT技术迅猛发展,为生活带来便捷的同时却也产生了大量黑产通过恶意流量挤占网络宽带,扰乱正常运营的现象。在过去半年时间里,不法黑客不仅把最大DDoS攻击记录推升到2.3T,而且还创造了45%的DDoS攻击次数增幅,其中100G以上的超大流量攻击数量甚至翻番……这些攻击不仅给企业带来数据资产的严重损失,也产生了恶劣的社会影响。近日,腾讯云发布《 2020 年上半年DDoS威胁报告》(以下简称《报告》),通

  • LandLab区块链游戏的未来畅想

    区块链游戏公司LandLab已经获得共识资本、智链资本和分布资本合计 3000 万美元的天使轮投资,并且推出了第 1 款游戏神龙岛,第 2 款游戏Jurassic World也将于 2020 年 7 月 15 日上线内测。LandLab成立的契机是看到游戏理念随着新技术出现而不断变迁,从软件游戏的Pay to Play,到互联网游戏的Free to Play,再到区块链游戏的Play to Earn,区块链技术的出现为LandLab提供了弯道超车的机会。以Play to Earn为契机,LandLab计划陆续

  • 西数紫盘HDD包装升级 外观跟名字终于一致了

    作为硬盘行业最喜欢集齐颜色的公司,西数旗下已经有黑盘、蓝盘、绿盘、紫盘、金牌等按颜色区分的产品线了,其中紫盘主打监控市场。近期西数还对紫盘进行了一轮升级,换了全新的包装,颜色也一齐

  • 全球高端婴童品牌Nuna CUDL婴儿背带,开启育儿“轻”生活

    当了父母之后你会发现,就好像普普通通的一碗蛋炒饭是中华美食中“最简单也最复杂”的,普普通通的一项“抱小孩”其实也是“最简单辛苦”的了。如果育儿是一项工作,那么引起“工伤”很大一个因素可能就是抱小孩,很多父母和老人肩部、手臂甚至腰部的酸痛、拉伤、扭伤,其实都跟每天看似不经意的“抱小孩”有关。某育儿网站曾经做过一个调查:每天带孩子,你最怕做什么?“抱孩子出门”妥妥地高居前三位!(其他两项分别是喂孩子吃饭和

  • Intel 12代酷睿首次现身:无缘DDR5内存

    Intel 11代酷睿家族低功耗移动版Tiger Lake即将发布,桌面版Rocket Lake则要等到明年上半年,但是更往后的12代桌面版Alder Lake已经在紧锣密鼓地开发中了,最近也是曝料不断。现在,SiSoftwar

  • 我搜索了一张图片,又双叒叕侵权了!

    虽然国内图片市场在不断的完善中,但直到目前还是有很多人吃了图片侵权的亏。其中新闻网站等媒体侵权多发,微博、微信、博客、贴吧等平台上的自媒体用户侵权现象同样十分普遍。

  • 萤石视频锁DL20VS 让小偷流泪的安全防盗神器

    近日,某地派出所接辖区群众报警称家中被盗。经民警缜密侦查发现,这是一起典型的“白日闯”案件,嫌疑人白天作案,作案时先敲门,确定家中无人后,再使用简单的开锁工具,十秒钟就可以开门进屋实施盗窃。门锁,是守护家庭人身财产安全的第一道屏障。据了解,70%以上的入户盗窃案件均通过撬锁、开锁方式“登门入室”,当家中无人时,该如何避免这类“白日闯”案件的发生?目前来说,最靠谱的手段就是安装一把安全性能高的锁,比如?

  • 259GB!Windows 10系统惊现巨型dll文件

    了解Windows系统的用户应该都知道dll文件,也就是动态链接库(Dynamic Link Library),包含可由多个程序共用的代码、数据等,一般体积都不大,多数都几十KB,超过1MB就算顶天了,但是你见过259GB

  • 热力除菌+消毒洗+DD电机,这台TCL洗衣机把衣服洗得太干净啦!

    很多人不知道,洗衣机洗完衣服后,其实很多衣服上面的污渍、洗涤剂的残留都留在了洗衣机的内筒里面。洗衣机若一年内不清理,将比马桶脏 530 倍!连央视也报道过这个经常被人们忽视的健康大杀手。上海疾控中心曾经针对 128 台洗衣机进行过一次调研,数据显示:洗衣机槽霉菌检出率为60.2%、细菌检出率为81.3%、总大肠菌群检出率甚至达到了100%。看了上面的数据,现在的还觉得洗衣机像外表那样干净吗?如何知道自己家的洗衣机是脏还是

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议
  • 热门标签

热文

  • 3 天
  • 7天