去網(wǎng)上找找jquery.LoadImage.js插件。這個插件就是針對圖片自適應(yīng)的
云龍ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應(yīng)用場景,ssl證書未來市場廣闊!成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道,可以享受市場價格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:18982081108(備注:SSL證書合作)期待與您的合作!
以下是插件使用方法
script type="text/javascript"
$(function(){
$("img").LoadImage(true,320,300,"loading.gif");//自適應(yīng)開啟,寬,高,等待圖片
});
/script
這個是瀑布流效果,你上網(wǎng)搜索下就知道怎么回事了,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
當(dāng)然你也可以用另外一種更直接的方法
img?src="./test.jpg"?alt="test"?width=100?height=100?/
或者
img?src="./test.jpg"?alt="test"?style="width:100px;height:100px;"?/