flickrViewer + SimpleViewer設置方法
2007.09.10 Monday
flickrって日本語化されてるの?
とりあえず、このようなアルバムの設置方法を書き書き。
いろんなサイトやブログ読んで設置したけど、イマイチ分かり辛いので。
■1.【flickrViewer】と【SimpleViewer】をダウンロード&解凍
■2.【SimpleViewer】のフォルダ内に【flickrViewer】のファイルを全てコピー
【確認事項】
必要なファイルは下記のとおり。(その他のファイルは必要ありません)
とりあえず、このようなアルバムの設置方法を書き書き。
いろんなサイトやブログ読んで設置したけど、イマイチ分かり辛いので。
■1.【flickrViewer】と【SimpleViewer】をダウンロード&解凍
■2.【SimpleViewer】のフォルダ内に【flickrViewer】のファイルを全てコピー
【確認事項】
必要なファイルは下記のとおり。(その他のファイルは必要ありません)
●SimpleViewer
・flashobject.js
・viewer.swf
●flickrViewer
・index.html
・flickrViewer.php
■3.【flickrViewer.php】の内容を書き換える
※ここで記載されている部分以外は、特に書き換えなくても問題なく動きます。
●API keyの入手・設定
$apikey = '********************************';
●PhotosetURLの入手・設定
$setid = '72157601919641880';
●UserURLの入手・設定
$userurl = 'http://www.flickr.com/photos/lisax/';
●アルバムタイトルを変える
ここに入力したタイトルは、アルバムのサムネイル左上に表示されるだけです。
$title = "Fireworks"; ←赤字部分を変更
上記全部書き換えたら、flickrViewer.phpを上書きします。
■4.フォルダ内のファイルを全てサーバーにアップロード
※flickrViewer.phpの属性をサーバーの環境に合わせて設定してください!
サーバーごとに異なりますが、ロリポップの場合は「604」が推奨されています。
※FFFTPの設定で「大文字を小文字に変えてアップロード」を選択している場合
FFFTPの[オプション]>[転送2]>[ファイル名の変更]>[そのままのファイル名で転送]を選んでOKを押し、設定を変更してから再度アップロードください。
■5.index.htmlを開く
画像が読み込まれ、表示されれば設置成功です。
また、index.htmlのHTMLタグやCSSを直接弄って背景色・文字色を変更することも出来ます。
そこらへんは各自おまかせで。
その際、誤ってFlashタグを消したりしないでくださいねヾ(*・ω・)ノ
※ここで記載されている部分以外は、特に書き換えなくても問題なく動きます。
※flickrViewer.phpというPHPファイルを開くのですが、特別エディタ等は必要ありません。【メモ帳】にドラッグ&ドロップするか、ファイル右クリック>プログラムから開く>NotePadで開くことができます。
●API keyの入手・設定
$apikey = '********************************';
・http://www.flickr.com/services/api/misc.api_keys.htmlに飛ぶ。
・「Apply for your key online now, 」この部分にリンクが貼ってあるのでクリック。
・名前等記入し、APPLYボタンを押す。
・表示される文字列(英数字混合ランダム)をコピー。
・flickrViewer.phpに戻る。
$apikey = '********************************';
↑赤字部分にペースト。
●PhotosetURLの入手・設定
$setid = '72157601919641880';
・flickrのマイページ(トップページ)に飛ぶ。
・[You]>[Your sets] アルバム一覧から表示させたい自分のアルバムを開く。
・アドレスの後半の数字列をコピーする
(例)http://www.flickr.com/photos/lisax/sets/72157601919641880/
↑赤字の部分をコピー。
・flickrViewer.phpに戻る。
$setid = '72157601919641880';
↑赤字部分にペースト。
●UserURLの入手・設定
$userurl = 'http://www.flickr.com/photos/lisax/';
・flickrトップページ>[You]>[Your photos]に飛ぶ。
・表示されたアドレス(これが【ユーザーURL】です)をコピー。
(例)http://www.flickr.com/photos/lisax/
↑赤字の部分をコピー。
・flickrViewer.phpに戻る。
$userurl = 'http://www.flickr.com/photos/lisax/';
↑赤字部分にペースト。(後半部分だけ書き換えも可能です)
●アルバムタイトルを変える
ここに入力したタイトルは、アルバムのサムネイル左上に表示されるだけです。
$title = "Fireworks"; ←赤字部分を変更
上記全部書き換えたら、flickrViewer.phpを上書きします。
■4.フォルダ内のファイルを全てサーバーにアップロード
※flickrViewer.phpの属性をサーバーの環境に合わせて設定してください!
サーバーごとに異なりますが、ロリポップの場合は「604」が推奨されています。
※FFFTPの設定で「大文字を小文字に変えてアップロード」を選択している場合
FFFTPの[オプション]>[転送2]>[ファイル名の変更]>[そのままのファイル名で転送]を選んでOKを押し、設定を変更してから再度アップロードください。
■5.index.htmlを開く
画像が読み込まれ、表示されれば設置成功です。
また、index.htmlのHTMLタグやCSSを直接弄って背景色・文字色を変更することも出来ます。
そこらへんは各自おまかせで。
その際、誤ってFlashタグを消したりしないでくださいねヾ(*・ω・)ノ
COMENNTS