Mike's Blog
Pages
追蹤者
總網頁瀏覽量
網誌存檔
►
2013
(12)
►
12月
(2)
►
11月
(8)
►
3月
(1)
►
1月
(1)
►
2012
(2)
►
10月
(1)
►
9月
(1)
▼
2011
(9)
►
12月
(1)
►
8月
(2)
►
7月
(1)
►
5月
(4)
▼
4月
(1)
實用的javscript 自動縮放圖片大小
Copyright ©
Mike's Blog
Design
by
Dzignine
2011年4月30日 星期六
實用的javscript 自動縮放圖片大小
以前做網頁的時候
用php自動抓取圖片出來
想要固定圖片大小通常都會用CSS設定或是直接設定屬性
最近發現這樣作法不是很好
如果圖片寬度小於120px的話就會被拉大
於是用了別的方法
這段javascript是先判斷圖片的
長寬比
然後再判斷圖片的寬度或長度
這樣子圖片就可以依照自己想要的長度與寬度自動縮放
較新的文章
Rss:
Top
Popular Posts
sortable的serialize用法
今天需要用jQuery UI的sortable功能去做資料表排序 做法是先從資料庫抓資料下來然後再回傳新的排序位置回去 看不懂官方的文件 後來爬文一下後 原來用法挺簡單的 $('#sortable').sortable({ update: functi...
php列出所有目錄的檔案
做個紀錄,如題。 if ($handle = opendir('.')) { //開啟現在的資料夾 while (false !== ($file = readdir($handle))) { //避免搜尋到的資料夾名稱是false,像是0 ...
菜鳥上班日誌 - Day7
驚嚇的星期二,沒有Ending的分享會 為了補足昨晚的時數,今天特地提早上班,但心中卻有一絲傷感,因為已經知道晚上要開會而且會到蠻晚的,即使對分享會的內容有興趣,仍有無盡的哀愁。 今天的工作是加強了昨晚的修正,花了一點時間研究,也與其他人互動更多,感覺狀況越來越好了,似乎...
菜鳥上班日誌 - Day5
上班族的星期五,總是讓人心情愉悅。 穿著帥氣襯衫,便抓起了頭毛,帶上隱形眼鏡,為的是迎接上班生涯的第一個禮拜五。原本以為今天可能會有些事情要做了,沒想到意外的沒事,連feedly上面的文章都快看爛了,第一次上班想睡覺,以後不知道還有沒有這種時光.... 中午跟大家吃飯,感...
菜鳥上班日誌 - Day3
今天是第三天上班,目前為止沒有什麼事情。 第一天 上班看到很多女同事,心情為之雀躍,但報到完畢之後才發現以後沒什麼機會見面。 開始期待公司配給的設備,沒有令人驚奇的MBPR,只是拿到一開不錯新的MBP 2012。 第二天 不停哀怨地想辭職,不過昨天跟兩位上班族...
菜鳥上班日誌 - Day4
立冬的早上,預告著輕鬆上班的日子即將結束。 今天天氣照理說要變冷,但是好像早上還蠻熱的。不知道是不是因為在San Fransico那邊荼毒過之後,現在身體發熱機制好像比較好。 昨天看完code之後,今天立馬上工改個小功能,我想:要assgin工作給我也是蠻尷尬的事情吧!可...
菜鳥上班日誌 - Day6
今天是blue monday,而且天氣也很糟糕,適合窩在家裡的日子。然而可憐的上班族們,享受短暫又快速的週末後,接下來就是要面臨5天的加班生活。 沒想到才過一周的甜蜜期,今天馬上就要開始寫code了,聽起來是兩個小功能,應該是沒有什麼問題,但是爬完code之後才發現目前的架構...
實用的javscript 自動縮放圖片大小
以前做網頁的時候 用php自動抓取圖片出來 想要固定圖片大小通常都會用CSS設定或是直接設定屬性 最近發現這樣作法不是很好 如果圖片寬度小於120px的話就會被拉大 於是用了別的方法 這段javascript是先判斷圖片的 長寬比 然後再判斷圖片的寬度或...
淺嚐 Chrome Extension
平常在瀏覽網頁的時候都會用一些好用的plugin或是extension,不僅提高工作效率,有時候也是讓自己操作更方便。那為何不會想去自己去開發一個專屬的extension給自己呢? 一直到最近開始要操作一些繁雜且無謂的動作時,這個念頭又再竄起 "是時候該做些事情了...
SQLite 小記
在我們要INSERT資料時,如果資料不存在時就新增,反之,存在的話就覆寫過去,這時候就常會使用到REPLACE INTO這個指令如下: INSERT OR REPLACE INTO Employee (id, name, role) VALUES (1, 'Mi...
Labels
上班日誌
(5)
centos
(1)
css
(1)
Facebook
(1)
freebsd
(1)
git
(1)
git server
(1)
html
(1)
ios
(1)
ios 6
(1)
iphone
(4)
JavaScirpt
(2)
joomla
(1)
jQuery
(1)
map
(1)
netbeans
(1)
php
(2)
selinux
(1)
sqlite
(1)
uilabel
(1)
vsftpd
(1)
關於我自己
華宅
檢視我的完整簡介
主題圖片來源:
Pixel Oplosan
. 技術提供:
Blogger
.