欢迎光临一流素材网,免积分免费素材下载!
AD
当前位置:首页 > JS代码 > 图片特效

等比例缩放图片浏览jQuery插件-LoadImage

所属栏目:图片特效更新时间:2013-04-07原作者:不详发布者:deepdfhy浏览:0
基本信息
  • 发布者:
  • 原作者:不详
  • 来源:不详
  • 版权声明


在制作相册或者其它网站信息内容页的时候,常常遇到因为图片尺寸过大而撑开页面,或者部分图片隐藏看不到。

这时可以使用CSS来实现超出大小等比例缩放,比如:max-width:,但是纯CSS方法不支持IE6。

可使用LoadImage插件实现图片等比例缩放,支持IE6。

JS代码:

<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript" src="jquery.LoadImage.js"></script>
<script type="text/javascript">
$(function(){
    $(".dcon img").LoadImage({scaling : true,
            width : 800,
            height : 1000,
            loadpic:"loading.gif"});
});
</script>

页面调用代码:

<div class="dcon">
<img alt="" title="" src="001.jpg"/>
</div>

命名 .dcon 容器里的图片才会等比例缩放。

如上所示,图片宽度超过800px 便会等比例缩放到 800px。或者高度超过1000px 便会等比例缩放到1000px高 度。


如果JS代码中,不指定 .dcon 就是整个网页中的图片都会被自动缩放。


具体效果请看演示,一流资源网推荐下载。

标签:
代码下载
本站下载
收藏 0 有帮助 0 没帮助 0
请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

立即打赏 0
给个评价吧
最受欢迎的

1JS自动给img src添加域名前缀的代码

2可全尺寸放大随意拖动查看的看图jQuery插件-Picbox

3点击图片更换图片的代码

4像纸一样展开的效果

5css3图片变换形状特效

7JS图片翻转翻页效果代码

8jquery hover图片滑动特效代码

9产品图片360度旋转展示效果代码

10jQuery鼠标悬停图片翻牌滑动切换显示代码

最新更新的

1jQuery图片放大镜效果

2jQuery图片滑动翻牌效果

3JS网页图片延迟加载代码

4css3图片变换形状特效

5jquery hover图片滑动特效代码

6点击图片更换图片的代码

7JS自动给img src添加域名前缀的代码

8像纸一样展开的效果

10jQuery鼠标悬停图片翻牌滑动切换显示代码