去网上找找jquery.LoadImage.js插件。这个插件就是针对图片自适应的
云龙ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联建站的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18982081108(备注:SSL证书合作)期待与您的合作!
以下是插件使用方法
script type="text/javascript"
$(function(){
$("img").LoadImage(true,320,300,"loading.gif");//自适应开启,宽,高,等待图片
});
/script
这个是瀑布流效果,你上网搜索下就知道怎么回事了,jquery+插件就OK了
用jquery很简单的
div class="test_class"
test文字信息test文字信息test文字信息test文字信息test文字信息
img src="" alt="天海翼"
script
$(".test_class img").load(function(){
$(this).css({"margin-left":($(".test_class").outerWidth()-$(this).width())/2+"px"})
});
/script
/div
直接增加一个属性就可以了
style
.test img{width:100px;height:100px;}
/*这句代码的意思就是控制图片大小的,宽100像素,高100像素*/
/style
div class="test"img src="./test.jpg" alt="test" //div
当然你也可以用另外一种更直接的方法
img src="./test.jpg" alt="test" width=100 height=100 /
或者
img src="./test.jpg" alt="test" style="width:100px;height:100px;" /
新闻标题:帝国cms图片太大怎么办 帝国cms使用手册
URL标题:https://www.cdcxhl.com/article0/ddcdioo.html
成都网站建设公司_创新互联,为您提供关键词优化、网站建设、静态网站、建站公司、、营销型网站建设
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联