正在读取中...

正在读取中...

当前位置:首页 > JS代码 > 图片特效

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

所属栏目:图片特效 时间:2013-04-07 来源:网络 作者:不详 次围观 次下载
等比例缩放图片浏览jQuery插件-LoadImage
兼容:
查看演示
本地下载
收藏

正在读取中...

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

这时可以使用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 就是整个网页中的图片都会被自动缩放。


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

请站长喝杯咖啡?

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

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

标签:

正在读取中...

共有 条评论

给个评价吧

验证码: