Photo Gallery
テーマとlightbox1.themes(テーマ)テーマはデフォルトで2種類です。 その中からテーマを選んで色を変えたりサムネィルの表示カラムを変えたりします。 テーマの選択 Borders FloingDarkのどちらか CMSなどで多く見られるテーマはほとんど存在しません。 Show Filenames ファイルネームの表示・非表示 Disable bottom next/prev 戻る・次への表示・非表示 Show Search Box 検索窓の表示・非表示 Thumbnails size / quality サムネィルサイズと圧縮率(鮮明度) Size of picture border サムネイル画像の枠の指定 thumbnailsの配置 Flowing style:ブラウザ幅によりまたサムネィルの大きさにより列が自動で設定されます。 Raster style:指定したカラム数で表示させる。 デフォルトでは4列の3段です。 Color map name:色セット リストボックスより3種類の色の選択か、背景・サムネィルボーダーカラー・リンクなどの色設定を自分で行う。 XAMPPを利用してテーマのカスタマイズを行って見ました。 Bordersをコピーして別名にて保存 例:My_theme ローカルでのカスタマイズですからダイレクトに反映されテーマのカスタマイズするのはそれほど難しくありませんでしたがCMSなどで見られるテーマとはちょっと違っていて作業時間が結構掛かりました。 メインとなるテンプレートはサムネィル表示と画像を見せるページです。 その他ダウロードページほかなどがあるようです。 header・contents・footerは独立していませんのですべてカスタマイズするのは大変ですのでサムネィル表示と画像を見せるページを行いました。 album.tpl.php:サムネィル表示 imageview.tpl.php:画像を見せるページ PHPに手を加えないでカスタマイズした場合は確かにオリジナルティになりますが配置などはあまり良くありませんでした。 このような状態ではデフォルトで使った方が良いみたいです。 上記の見本はPHPの配置部分にちょっと手を加えたものです。 カスタマイズ後のページ: Ajaxを使ったlightbox phpAlbumサイトにlightboxが使えると書いてあったので組み込んでみました。 結果、phpAlbumのせっかくの機能が使えなくなり見た目は良いがつまらないページとなってしまったので外しました。 チャレンジしたい方 ダウンロード:lightbox 解凍後 中身をFTPより phpAlbumトップページへアップします。 ./js ./css ./images を挿入します。 phpAlbumの編集 トップにある main.php 987行目付近の ..."main.php?cmd=imageview&var1=".urlencode.... cmd=imageview を cmd=image に変えます。 これを変えることで通常画像の表示がimageview.tpl.phpに行かなくなりlightbox側になります。 main.phpを変えることは他のテーマを使ってもすべてに影響を与えます。 お使いなるテーマ内 album.tpl.phpのヘッダーに下記情報を埋め込みます。 <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="js/lightbox.js"></script> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> お使いなるテーマ内 thmb.tpl.php 7行目付近 rel="lightbox[album]"を埋め込みます。 <a class="me3" href="<? print $image_view_link; ?>" rel="lightbox[album]"> で完了です。 後はFTPでアップします。 |