圖片按照寬高比排序

由于圖片上傳的時(shí)候沒有限制比例, 結(jié)果導(dǎo)致頁面輸出效果是這樣的,


yu.png

要是裁切圖片, 圖片顯示不全, 要是強(qiáng)制輸出, 圖片會(huì)失禎
于是老大就說了, 你把差不多大小的放前面嘛

這樣我就得寫個(gè)函數(shù)按照圖片寬高比排序了
一開始我是打算用寬高差排序, 然后發(fā)現(xiàn)有的圖片是200 x 300, 有的圖片是700 x 400
這樣的話用寬高差肯定會(huì)出問題的, 就只能用寬高比了

<?php
// 前提保證 php 有安裝 GD 庫擴(kuò)展
// 先獲取從數(shù)據(jù)庫讀出來的單頁數(shù)據(jù)  $activity
// ...

/**
 * 根據(jù)圖片寬高比排序
 * @param $dopage   數(shù)據(jù)庫讀出來的單頁數(shù)據(jù)
 * @param $feild    表中圖片的字段
 */
function sort_image($dopage, $feild){
    $sort = array();    // 聲明排序容器數(shù)組
    $i = 0;     // 聲明寬高比預(yù)加變量

// 遍歷 $dopage 獲取圖片寬高比
    foreach ($dopage as $d_k => $d_v) {
        // 用 getimagesize() 這個(gè) GD 函數(shù)獲取圖片寬高比, 賦值給新變量 $d_v["w_h"]
        // 用 ++$i 的原因是為了讓鍵保持唯一, 不然寬高比一樣的圖片會(huì)被覆蓋掉
        $d_v["w_h"] = (getimagesize($d_v[$feild])[0] / getimagesize($d_v[$feild])[1]) * 100 + ++$i;

        // 這樣就得到了一個(gè)寬高比為鍵的數(shù)組 $dopage
        $dopage[$d_v["w_h"]] = $d_v;
    }
// 按照鍵將數(shù)組排序, 生成排序后的寬高比為鍵的新數(shù)組 $dopage
    $dopage = krsort($sort);
}

// 用 sort_image() 函數(shù)將 $activity 換成成排序后的 $activity 
$activity = sort_image($activity, "picurl");

排序限制圖片大小后的效果是這樣的

Paste_Image.png

先收藏再說, 萬一用得到呢, 是吧
閱讀原文

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市驹马,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌喊废,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件栗弟,死亡現(xiàn)場離奇詭異污筷,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)乍赫,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進(jìn)店門瓣蛀,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人雷厂,你說我怎么就攤上這事惋增。” “怎么了罗侯?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵,是天一觀的道長溪猿。 經(jīng)常有香客問我钩杰,道長,這世上最難降的妖魔是什么诊县? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任讲弄,我火速辦了婚禮,結(jié)果婚禮上依痊,老公的妹妹穿的比我還像新娘避除。我一直安慰自己怎披,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布瓶摆。 她就那樣靜靜地躺著凉逛,像睡著了一般。 火紅的嫁衣襯著肌膚如雪群井。 梳的紋絲不亂的頭發(fā)上状飞,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天,我揣著相機(jī)與錄音书斜,去河邊找鬼诬辈。 笑死,一個(gè)胖子當(dāng)著我的面吹牛荐吉,可吹牛的內(nèi)容都是我干的焙糟。 我是一名探鬼主播,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼样屠,長吁一口氣:“原來是場噩夢啊……” “哼穿撮!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起瞧哟,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤混巧,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后勤揩,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體咧党,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年陨亡,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了傍衡。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,039評論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡负蠕,死狀恐怖蛙埂,靈堂內(nèi)的尸體忽然破棺而出遮糖,到底是詐尸還是另有隱情绣的,我是刑警寧澤,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布欲账,位于F島的核電站屡江,受9級特大地震影響惩嘉,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜踢故,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一文黎、第九天 我趴在偏房一處隱蔽的房頂上張望惹苗。 院中可真熱鬧,春花似錦耸峭、人聲如沸桩蓉。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽触机。三九已至,卻和暖如春玷或,著一層夾襖步出監(jiān)牢的瞬間儡首,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工偏友, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留蔬胯,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓位他,卻偏偏與公主長得像氛濒,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子鹅髓,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,786評論 2 345

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,506評論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫舞竿、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,024評論 4 62
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案窿冯? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,728評論 1 92
  • 春節(jié)看了松本清張的sp《強(qiáng)蟻》醒串,一貫的惡女执桌,一貫的御用——米倉涼子。 米倉涼子可以說是惡女系代言人了芜赌。除了《強(qiáng)蟻》...
    封鈮閱讀 757評論 6 5
  • 轉(zhuǎn)自http://www.ruanyifeng.com/blog/2012/07/three_ways_to_de...
    lambdang閱讀 693評論 0 1