關於部落格
超越自我的界線....
  • 259307

    累積人氣

  • 27

    今日人氣

    0

    訂閱人氣

【JavaScript】自動縮放圖片大小

如果原始圖太大

如何利用JavaScript

自動將圖片縮放置所需要的大小

如果原始圖的size比自己所需的圖片還小

則直接顯示

 <img   src=img-filename  border= 0   onLoad= '(this.width/this.height > 1) ? (this.width >300? this.width=300:this.width):(this.height>300 ? this.height=300:this.height)' />











此設定長寬為等比

所以會先判斷原始圖的長寬是否為等比 this.width/this.height > 1

此判斷是如果成立代表寬度比較長

且所需的size 為300 X 300 

因此再來就是判斷寬度是否大於300

如果大於300則做處理 ;

反之,則判斷高度是否大於300

修改一下判斷式的參數

即可以得到所想要的結果

相簿設定
標籤設定
相簿狀態