Studio Coipo

このサイトのトップページをレスポンシブルな感じにしていこうとおもい、とりあえず可変グリッドレイアウトにして見たのですが、どうも画像を入れるとうまくびしっといかない。
どうやら、画像の高さをしてい出来ていないためか〜と思い、画像のサイズを計るソースを追記したところ、うまくいきました。

Wordpressなどで、投稿する画像がまちまちのときに画像サイズが分からないとレイアウト崩れを起こしちゃう事があるので、覚えておくと便利っす。

PHP Getimagesize関数の使い方

getimagesize(‘画像のURL’);

で画像情報が配列にセットされます。

配列【0】画像の幅
配列【1】画像の高
配列【2】画像の種類(1=gif 2=jpg 3=png 4=swf)
配列【3】文字列

こんな感じでセットされます。
実際にはこんな感じで使うといいのでは…

$imagesize = getimagesize('画像のURL');
if($imagesize){
    echo $imagesize[0];  // width
    echo $imagesize[1];  //height
    echo $imagesize[2];  //画像の種類
    echo $imagesize[3];  //サイズの文字列（width="X" height="Y"）
}else{
    echo 'データ取得失敗...';
}

Google+

Arata Saito