忍者ブログ

[PR] []

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

フォルダ内の画像一覧を自動で(3 [WEB関連]

複数のディレクトリにある画像をまとめて表示するのはできましたが
一枚一枚の画像が大きいので、小さく表示したいわけです。
本当はサムネイル表示・元画像にリンクしたいですが、現時点ではそんな知識はないので、
とりあえずタグで無理やり縮小します。
$thumb_size = 200;//縮小して表示したいサイズ。長辺のみの指定

foreach($imgarray as $imgpath){
list($width,$height,$type,$attr) = getimagesize($imgpath);

//表示する画像サイズの計算
if ((($width>$thumb_size) || ($height>$thumb_size)) && ($width>$height)){
$width_t=$thumb_size;
$height_t=round($height*$thumb_size/$width);

}elseif ((($width>$thumb_size) || ($height>$thumb_size)) && ($height>$width)){
$height_t=$thumb_size;
$width_t=round($width*$thumb_size/$height);

}elseif ((($width>$thumb_size) || ($height>$thumb_size)) && ($height=$width)){
$height_t=$thumb_size;
$width_t=$thumb_size;
}else{
$width_t=$width;$height_t=$height;
}

//元の画像サイズに応じてライトボックス使用不使用を切り分け、配列になおす
if (($width>1401) || ($height>951)) {
$data[]="<a href="$imgpath"><img src="$imgpath" width="$width_t" height="$height_t" class="img_wh"></a>
";
}else{
$data[]="<a href="$imgpath" rel="lightbox[img]"><img src="$imgpath" width="$width_t" height="$height_t"></a>
";
}
}

画像の表示にはライトボックスを使いますが、ウィンドウからはみ出すサイズの画像には使いません。
ウィンドウサイズは人それぞれなので難しいところですが、難しいところなので仕方ない。
自分基準でいきます。
うちのディスプレイはWSXGA+(22型ワイド、1680*1050)なので、
横1041pxか縦951pxより大きい画像では、rel="lightbox[img]"をつけないようにします。
<a><img></a>にして配列になおすのは、この後ページ分けするため。
画像の枚数が多くてページが重くなるので、分けないと実用的じゃないのです。

ページ分けるのはまた次の記事で

ディスプレイは今は23型が売れているようですが、狭い画面の人もいるわけで
javascript使って、ライトボックスを外す基準を変えたページへ飛ぶリンクを出すようにします。

「ライトボックスを外す基準を変えたページ」は、作ったphpファイルを丸ごとコピーして、
//元の画像サイズに応じてライトボックス使用不使用を切り分け、配列になおす
if (($width>1401) || ($height>951)) {
ここの、「1401」と「951」を適当に変えて、別名で保存したファイルになります
PR

最新記事

オンマウスでタイトル~

ブログ内検索

オススメサーバなど。

はやくて、やすくて、カンタン。
全てが揃った究極のレンタルサーバ、☆さくらのレンタルサーバ
 
ロリポップのドメインは85種類!
きっとお好みのドメインが見つかるはず!
ロリポップはドメイン持ってる人が非常に使いやすいかと。
aaa.jpを取得して、web.aaa.jp、blog.aaa.jp、mail.aaa.jpみたいに、使い分けが出来て便利です。
メアドもたくさん作れて、転送設定なんかもできて良い。
実績から見ても信用できるし、イチオシです。
 
で、ドメイン取るならココ。
時々新規超安キャンペーンやってます。
ムームードメイン

 
お手軽価格で使いがい、あります。
月額250円~で、容量5GB、独自ドメイン、CGI使用、商用利用可能!
FC2レンタルサーバーLite
 
A8.net

プロフィール

HN:hrn
一言:ブログタイトル迷走中。
php初心者/htmlとcssならちょっと得意/javascriptは苦手。必要なことだけ調べるのでいつも遠回り、余計なことばかりしている。
琉金とポリプ飼ってます
透明水彩ってイイヨネ。
 
アクア用品なんかのレビューでは、アフィリエイトリンクつけてるものがあります。
記事が参考になったら、ここから買ってくれると嬉しい。