«前の日記(2006.10.29 [Sun]) 最新 次の日記(2007.06.03 [Sun])» 編集

Exception Diary


2007.06.02 [Sat]

_ Image Galleryにスライドショー機能を追加

こちらの更新もずいぶん久しぶりになってしまったが、自宅サーバのtDiaryの写真データは順調に増え続け、すでに3000枚を超えてしまっている。去年、良いカメラが欲しいと嘆いた反動で、ビデオはSONYのHDR-HC3、デジカメは一眼レフのNikon D50を買っちまったりして、毎週順当にHDDの空き容量を減らしまくっている。

画像の枚数が増えてくると、tDiary Image Galleryで表示画像を手動で切り替えるのがだんだん面倒になってくる。のんびり寝転がって流し見したいというリクエストもあり、だいぶ前からスライドショー機能を追加するべく、良いビューアがないか探していた。(自作すればいいのにというツッコミは私の能力を勘案し華麗にスルーさせて頂く)

ここで見つけたのがSmoothGalleryというjavascriptで書かれたビューアである。こちらのページにサンプルがあるのだが、javascriptのみで書かれているというのが信じがたいほどよく出来ている。Webページへの組み込み方もシンプルで、これなら簡単にImage Galeryに組み込めると踏んだ。

で、実際に作ってみたのがこちら。新たにSlideモードというのを作って、"mode=slide"というCGIパラメータで呼び出せるようにしてある。ListモードとSlideモードは、Page表示の右側、[SLIDE][LIST]というリンクで切り替えることができる。SmoothGalleryを使ったSlideモードでは、タイマーでの画像自動切換えのほかにも、フィルム・ロール風の画像セレクタをプルダウンで表示できたりと、非常に洗練されたGUIを実現している。ぜひ、実際に操作してみて凄さを確認して欲しい。いやほんとにこれは良い。

江の島の岩場

NIKON D50, 18mm, F11, 1/500sec., ISO200, +0.0EV

Tags: tDiary
本日のツッコミ(全14件) [ツッコミを入れる]
_ はしもと (2007.06.19 [Tue] 12:20)

こんにちは。Image Gallery使わせてもらっています。ちょうどスライドライブラリをいろいろ見ているところだったので、SmoothGalleryのいいサンプルを見ることができました。<br><br>recent_image.rbでthemeのパスを<br> href="theme/image-gallery.css"<br>とされていますが、<br> href="#{h theme_url}/image-gallery.css"<br>として、theme_url メソッドを使うようにした方がいいと思います。<br>あと、SmoothGalleryの場所も設定できるようになればいいな。

_ n-kashi (2007.06.19 [Tue] 23:34)

はしもとさんコメントありがとうございます。themeのパスはその通りですね。次のバージョンで直しておきます。<br>SmoothGalleryの場所ですが、tDiary 2.2でjavascriptの標準の置き場所をどうするかを決めようとしているようなので、決まったらそれに合わせるようにしたいと思ってます。

_ はしもと (2007.06.20 [Wed] 01:15)

なるほど、了解です>SmoothGalleryの場所<br><br>あともう一つ、これはものすごく勝手なお願いになってしまうのですが…。<br>recent_image.rbの最後で、Image Galleryのスライドショーのためにadd_header_procを追加されていますが、これ、Image Galleryの時だけに実行されるようにできませんでしょうか?<br>Liteboxプラグインを作ったのですが、SmoothGalleryと一緒に呼び出すとLiteboxが動かなくて…。<br><br>今は仮に、recent_image.rbのadd_header_procを<br><br>if /image-gallery\.(?:cgi|rb)$/ =~ $0<br><br>end<br><br>で囲って回避しています。<br><br>recent_image単独で使いたい場合に、SmoothGallery関係のファイルがなくてサーバーにエラーログがたまることにもなると思います。小さなことなんですけどね(^_^;。<br><br>ボクが自分で使う分には上記の方法で逃げても問題はないのですが、何か対応していただければ幸いです。<br><br>なお、Liteboxプラグインは近日公開予定です。こちらは、<br><br>if /index\.(cgi|rb)$/ =~ $0<br><br>end<br><br>でadd_header_procとadd_footer_procを囲っているので、Image Galleryに悪影響は及ぼしません(^_^;。

_ n-kashi (2007.06.20 [Wed] 23:21)

あ〜なるほどこうすればいいんですね。指摘されてる点もその通りですし、普通にtDiaryを使う時にも、必要のないjsファイルがロードされてしまうので良くないなと思ってました。ありがとうございます。これも直しておきます。<br>LiteBoxプラグインですか。いいですね。image(_ex).rbの拡張になるのかな? 公開されたらtDiary-users ProjectのPlugin Listにエントリして下さればすぐに見にいけますのでよろしくお願いします。期待してます。

_ はしもと (2007.06.22 [Fri] 18:06)

ボクは仮に$0で判断しましたが、実行ファイルをgallery.rbみたいにファイル名を変えて実行されると動かなくなってしまいますね。<br>image-gallery.rbが実行されたときだけに存在するフラグか何かを見て判断する方がいいかも知れないですね。<br><br>LiteboxプラグインはJavaScriptを追加しているぐらいで、複雑なことはしていません。add_header_procとadd_footer_procだけしか使ってませんし(^_^;。

_ n-kashi (2007.06.23 [Sat] 00:48)

なるほど。$0の件はちょっと考えます。でも、recent_image.rbだけの修正で済むんで、このまま行くかも知れません。(^^)<br>ああ、LiteBoxもSmoothGalleryと同じで、imgタグを拾ってくれるんですね。それならこれで済みますね。なるほど。

_ kp (2008.05.23 [Fri] 11:27)

tDiary Image Galleryのver1.0.9のフォルダ構成ですが、miscがmiskになっているようです。できれば対応をよろしくお願いします。

_ n-kashi (2008.05.24 [Sat] 01:37)

ぐげ、本当だ。orz kpさんご指摘ありがとうございます。修正したものをリリースしました。

_ みの (2008.06.27 [Fri] 21:26)

tDiary Image Galleryを使わせて頂いています。<br>ところで、tDiary2.3.* への対応予定はありますでしょうか?

_ n-kashi (2008.06.28 [Sat] 00:32)

あ〜tDiary2.3.xは文字コードがUTF-8になったんでしたね。でも、Image Galleryのコードの処理で文字コードに依存するところはないはずなので、(1) image-gallery.rb, recent_image.rb, gallery.rhtml の3ファイルをUTF-8で保存しなおして、(2) キャッシュ・ファイル(<tDiaryのcache path>/gallery/image-gallery.dat)をいったん消す、だけで行けるんじゃないかと思います。今ちょっと2.3.xの環境が手元にないので、試していただけると嬉しいのですが。

_ みの (2008.06.28 [Sat] 11:02)

ありがとうございます。うまく行きました。感謝。

_ n-kashi (2008.06.28 [Sat] 20:03)

みのさん了解です。折を見てこちらでも確認して、tDiary2.3.x対応のリリースをしなければいけませんね。確認ありがとうございました。

_ kp (2008.10.23 [Thu] 10:46)

tDiary Image GalleryでExif情報を表示した際に、フォーマット種別がUNDEFINEDのものを表示してしまい、表示が乱れる現象が発生しました。<br>フォーマット種別がUNDEFINEDの場合(tag.format == "Undefined")には、Exif情報を表示しないようにしたところ、それっぽく表示されています。<br><br>できれば対応をよろしくお願いします。

_ n-kashi (2008.10.26 [Sun] 08:45)

kpさん了解です。EXIFの表示機能はカメラのことを全然理解してない頃に作ったもので、とりあえずexifparserが吐く奴を全部表示してしまえ、という素敵な(?)設計方針になっています。やっぱりこれじゃ見難いよなあと最近思ってまして、フィルタをかけられるようにしようか、とか、いろいろ考えてます。参考にします。ありがとうございました。

本日のTrackBacks(全21件) []
_ Tramadol hcl.:Tramadol hcl. (2007.08.24 [Fri] 06:22)

Tramadol hcl. Tramadol hcl 50 mg tablet abuse. Tramadol hcl 50 mg tablet.

_ Buy online cheap and fast tramadol.:Cheap tramadol shipped by c.o.d. (2007.08.24 [Fri] 07:02)

Cheap tramadol. Tramadol cheap no rx free overnight shipping. Cheap comment message preview tramadol.

_ Buy sublingual levitra online.:Levitra attorneys. (2007.08.24 [Fri] 18:44)

Levitra better than viagra. Levitra.

_ Webresults fioricet.:Fioricet. (2007.08.25 [Sat] 15:33)

Fioricet without a prescription. Fioricet. Fioricet lexapro. Hard to talk and fioricet codeine. Cheapest fioricet.

_ Tramadol hydrochloride.:Tramadol. (2007.08.26 [Sun] 15:51)

Tramadol side effects. Tramadol.

_ Buy sublingual levitra online.:Levitra. (2007.08.26 [Sun] 23:37)

Buy sublingual levitra online. Buy levitra line. Levitra. About glaxosmithkline pharmaceuticals and levitra.

_ Soma cube puzzle.:Soma online sales. (2007.08.28 [Tue] 16:42)

Soma to florida. Soma.

_ Valium dosage.:Valium dosage. (2007.08.28 [Tue] 22:58)

Conversion dosage of lorazepam to valium.

_ Ephedra pills ephedra liquid gel products.:Ephedra pills ephedra liquid gel products. (2007.08.31 [Fri] 03:53)

Ephedra pills ephedra liquid gel products.

_ Tramadol.:Tramadol. (2007.09.01 [Sat] 12:13)

Tramadol online. Buy tramadol. Tramadol. What is the street value for tramadol. Tramadol use in canines.

_ Discount phentermine.:Discount phentermine. (2007.09.01 [Sat] 19:46)

Discount phentermine. Discount phentermine pharmacy online.

_ Buy valium.:Buy valium without prescription. (2007.09.01 [Sat] 22:41)

Valium and also buy vicodin overnight shipping.

_ Side effects of tramadol.:Tramadol side effects. (2007.09.02 [Sun] 01:34)

Tramadol for dogs side effects.

_ Buy cheap phentermine.:Extra cheap phentermine. (2007.09.02 [Sun] 04:29)

Cheap phentermine. Phentermine pill buy cheap phentermine.

_ Side effects of tramadol.:Tramadol side effects. (2007.09.02 [Sun] 07:47)

Tramadol for dogs side effects. Tramadol side effects. Side effects tramadol.

_ Cheap cialis.:Buy cialis generic online cialis cheap cialis. (2007.09.02 [Sun] 11:21)

Buy cialis generic online cialis cheap cialis. Link buy cialis cheap. Cheap cialis online cialis buy cialis online. Cod phentermine as well as cialis cheap reviews. Cheap cialis discount cialis online from kcn. Cheap cialis.

_ Phentermine cod delivery.:Phentermine cod best online pharmacy. (2007.09.02 [Sun] 14:19)

Phentermine cod overnight delivery. Cod phentermine. Phentermine pharmacies accepting cod. Phentermine cod delivery. Cheap phentermine cod. Phentermine delivered cod without prescription. Cod phentermine online pharmacy phentermine buy. Phentermine cod.

_ Products containing ephedra.:Ephedra cla products. (2007.09.02 [Sun] 20:51)

Products containing ephedra. Ephedra products. Ephedra liquid gel products.

_ Tramadol c.o.d..:Tramadol tablets. (2007.09.03 [Mon] 00:33)

Cheap tramadol. Tramadol hcl. Tramadol.

_ Generic ambien.:Generic ambien. (2007.09.03 [Mon] 05:49)

Generic ambien. Is there a generic form of ambien.

_ Cialis best price buy online.:Cialis best price buy online. (2007.09.03 [Mon] 08:39)

Link buy cialis cheap. Buy cialis. Where to buy cialis. Cialis online buy cheap pharmacy now lowest price.


2001|01|
2006|04|05|06|07|08|09|10|
2007|06|07|08|09|
2008|01|02|03|04|05|06|07|08|09|10|11|12|
2009|01|02|03|04|05|06|07|08|09|10|11|12|
2010|01|02|03|04|05|06|08|09|10|11|12|
2011|01|02|04|06|07|08|
2014|12|
2015|04|

«前の日記(2006.10.29 [Sun]) 最新 次の日記(2007.06.03 [Sun])» 編集