當前位置:編程學習大全網 - 網站源碼 - 求教:ASP圖片自適應寬度

求教:ASP圖片自適應寬度

有兩種方法供參考.

壹種是實實在在的將圖片先用ASPJPEG組件做成想要的尺寸,再讀取

好處是節省服務器帶寬,速度快

壞處是處理起來較為麻煩,並網絡貼過來的圖沒辦法處理.

還有壹種方法是,只設定圖片的寬度或只設定圖片的高度(在代碼中直接設置,不用JS)。

如<img src="1.jpg" width="300">

或<img src="1.jpg" height="300"> 圖片讀取時會跟據妳的設置自動縮放比例

好處是設計起來非法簡單

壞處是只能設壹個值,可能達不到妳想要的結果。

還有壹個辦法就是

<div style="width:300px;height:350px;overflow:hidden;">

<img src="1.jpg" onload='javascript:if(this.width>300)this.width=300;if(this.height>350)this.height=350'>

</div>

將圖片放到壹個DIV內,DIV設置寬和高,將設置超出部分屬性為隱藏,這樣圖片在預讀時很大也不會出撐寬表格了。

不過以上三種方法都可以解決撐大的問題。

  • 上一篇:滴滴代駕 安卓12兼容嗎
  • 下一篇:用C#編寫植物大戰僵屍的源代碼
  • copyright 2024編程學習大全網