大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
去网上找找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;" /