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

    累積人氣

  • 2

    今日人氣

    0

    訂閱人氣

【JavaScript】自動縮放圖片大小

 每天忙茫盲之juell 碎碎念
期盼已久的伙伴
終於出現勒
雖然他開始上班已經兩星期勒
但我的工作內容
卻不見有「減少」的趨勢
反而每天都感覺在瞎忙

來解釋一下何謂瞎忙呢?!
就是每天做了很多事..
卻沒有一樣是完成的

快要邁入最忙下半年度勒
霹靂無敵「忙」的生活
就要展開勒
我聽過一句話
跟大家共免之吧
「撐過去就是你的」
謎之聲: 這句話應該是撐竿跳選手發明的吧(冷)
Fighting!! (吶喊)

☆☆☆☆☆☆☆☆☆☆☆☆

今天要跟大家分享的是

如何自動縮放圖片

符合自己所要的size

如果原始圖太大

如何利用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

修改一下判斷式的參數

即可以得到所想要的結果

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