Home > wordpress > Wordpress2.6で複数画像をスライドショー的に見せるlightbox plugin「Slimbox」

• Newer
• Older

Wordpress2.6で複数画像をスライドショー的に見せるlightbox plugin「Slimbox」

• 2008-08-19 (火) 1:23
• wordpress

WP2.3の時から使っていたLightbox JS v2.03.3 Plugin。画像をクリックすると周辺が暗くなり、画像だけが浮き上がってみえるlightboxのpluginなのですが、これの残念なところはrelタグが自動的に不可されないこと。毎回自分でrelタグうつなんて面倒くさくてやってられない、ということで、それを解消してくれるpluginが「Lightbox 2 plugin」でした。

sorarium - 画像リンクへ自動的にlightboxのタグを追加してくれるplugin

それを導入してたんですが、それだと1エントリの中に複数枚画像を入れた時でも、いちいちlightboxを解除、別の画像をクリックっとしないと見られなかったんですね。

出来ればスライドショーのように、「next」「prev」で次から次へと画像だけでも見られるようにしたい。

twitterでjdash2000氏からも指摘を受けてたんで、plugin自体をいじるか、別のpluginをいれるか迷ってこのプラグインを入れることにしました。

複数画像をスライドショー的に見せるプラグイン「Slimbox」

インストール方法

以前入れていた二つのpluginを解除し、下のサイトからslimbox pluginをダウンロード。（エントリの一番下の方に「Download Slimbox Wordpress Plugin (1.2)」というリンクがあるはず）

[Download] Slimbox Wordpress Plugin

解凍して

/wp-content/plugins/

内に入れて、pluginを有効にします。が、このままだと画像をアップロードしたら、その都度「rel=”lightbox”」や「rel=”lightbox[roadtrip]“」といったタグを毎回つけなくてはいけません。

自動的にrelタグをつけるには

先ほどダウンロードした「lighbox.php」をエディタで開きます。
で、21行目から24行目あたりにあるコメントアウトの　‘//’ 　を削除してサーバーにアップロードします。

これで、投稿画面からメディアアップロードで普通に画像をアップロードしていくと、複数画像の場合でもきちんと「Next」「Prev」が画像の右と左についてるはずです。

↓テスト画像

• Newer: 080819 google logoは…北京オリンピックのカッパ？
• Older: 僕の夏休み2008　川遊び編

Comments:4

りょ 08-09-04 (木) 20:37

突然すいません。「slimbox」「wordpress」でたどり着きました。
よろしければ教えていただきたいのですが、記事にある”複数画像の場合でもきちんと「Next」「Prev」が画像の右と左についてるはずです。”が思うとおりになりません。
花火、スイカ、川の写真は記事投稿時、実際どのような作業手順になるのでしょうか？
不躾で申し訳ありませんが、教えていただけると幸いです。

そら 08-09-05 (金) 1:11

今晩は。

記事の投稿時には特に何も変わったことはしてないですね。
メディアを追加、を押して、参照から写真を選んでいくという
本当に普通にアップしてるだけなんですが。

もし他に別のプラグインを入れておられるのであれば、かちあってるのかもしれませんね。
それらを一旦停止にして、lightboxだけ有効にして動かしてみて
一度確認してみてください。

りょ 08-09-05 (金) 13:14

あちこち見たり、触ったり・・・なんとか、できるようになりましたが、
他の記事に使った画像まで表示されるようになってしまいました。
（image　1/4でいいところ、1/5など）
もう少し調べてみます。

他のプラグインとの干渉ではなかったようです。
今回はありがとうございました。

そら 08-09-06 (土) 9:16

あららー、それは困りましたね。
lightboxのプラグインは他にもあるようなので
別のプラグインを試してみるのも手ですね。

お役に立てず申し訳なかったです。

コメントをどうぞ。

Name

Mail address (公開されません)

Website

情報を保存しますか？

Yes No

Comment スタイル指定用の一部の HTMLタグが使用できます。

Trackback+Pingback:1

この記事へのTrackBack URL
記事への言及のないもの等は削除する場合があります。また、スパム判定ですぐに反映されない場合があります。

http://www.sky-s.net/sky-blog/archives/2008/08/19-012303.php/trackback

Listed below are links to weblogs that reference

Wordpress2.6で複数画像をスライドショー的に見せるlightbox plugin「Slimbox」 from sorarium

Pingback from links for 2008-10-15 » 246 quotes 08-10-15 (水) 19:01

[...] sorarium - Wordpress2.6で複数画像をスライドショー的に見せるlightbox plugin「Slimbox」 複数画像をスライドショー的に見せるプラグイン「Slimbox」 (tags: Wordpress plugins lightbox) [...]

Home > wordpress > Wordpress2.6で複数画像をスライドショー的に見せるlightbox plugin「Slimbox」

サイト内検索

検索用語を入力

web sorarium 検索フォームを送信

twitter / 今、何してる？

→そらの最新のつぶやき

フィードを登録する

• 記事をRSSで講読
• コメントをRSSで講読

最新の投稿記事

• IKEAのクリスマスツリーが実質無料で手に入る！
• 「見やすい、読みやすい文章」を作るために読んでおきたい記事のまとめ
• 簡単に差分アップデート！Wordpress2.6.5に更新しました。
• 植物原料で作られた肌と環境にいい「ロクシタンのシアバター」
• 【フォトレポート】嵯峨野・嵐山の紅葉観光～天龍寺・常寂光寺～
• 京都拉麺小路の札幌味噌ラーメン「すみれ」（京都駅）
• さいきんのはてブの中からいくつか。
• 粉もん料理を作るためのレシピサイト「こむぎ粉くらぶ」
• 「リンカラン」の写真家に毎年家族写真を撮ってもらえる「伊藤写真館」
• GmailにiGoogleのようなテーマが追加。隠れキャラ「忍者」も登場。

はてな人気エントリー

• 
  

レコメンド

Canon EOS Kiss Ditigal X使用中！→レビュー記事:EOS Kiss Digital XとNikon D80レビュー記事まとめ

TAMRON SP AF 17-50mm F2.8使用中。レビュー記事:Canon EOS Kiss Digital Xのレンズ選び

レビュー記事:sirenのデジタルフォトフレームを使ってみた！

レビュー記事:「調理以前の料理の常識」を知らない人にまさにうってつけの本

京都旅行のお供に「京都スーベニイル手帖 夏秋編―ぼくの伯父さんの旅のお土産ブック」

京都を名所は寺院だけじゃない！おさえておきたい「建築MAP京都」

おさえておきたいのは京都だけじゃない。足を伸ばして「建築MAP大阪/神戸」

カテゴリ

• 01:暮らし (108)
  • キッチン (29)
    • キッチンツール・雑貨 (7)
    • ファブリック (4)
    • レシピ（料理）・クッキング (13)
    • 食器・カトラリー (7)
  • 家事ライフハック (1)
  • 衣服・ファッション (78)
    • sally scott (33)
    • united arrows g.l (4)
• 02: 広告・デザイン (433)
  • D-BROS (15)
  • インテリア雑貨・文房具 (166)
  • デザインニュース＆イベント (122)
  • デザイン関連書籍 (72)
• 03: 京都 (241)
  • 京都カフェ＆レストラン (72)
  • 京都スポット (70)
  • 京都ダイニング＆バー (57)
  • 京都雑貨&インテリア (36)
• 04: 本 (269)
  • ニュース＆イベント情報 （book) (73)
  • 女性作家 (17)
  • 書店 (43)
  • 男性作家 (33)
  • 発売情報 (47)
  • 読書記録 (6)
  • 購入リスト (53)
• 05: インターネット (333)
  • Firefox (27)
    • Firefox-addon (20)
  • gmail (9)
  • PC トラブル (9)
  • お薦めサイト (186)
  • アフィリエイト (5)
  • 仕事 (web) (59)
  • 注目ソフト (27)
• 06: lifehacks (36)
• 07: 滋賀 (26)
  • shiga cafe & bar (11)
  • shiga spot (9)
• 08: 大阪 (19)
  • 大阪お土産スイーツ＆フード (1)
  • 大阪カフェ＆レストラン (8)
  • 大阪ダイニング＆バー (1)
  • 大阪雑貨&インテリア (3)
• 09: 地域情報 (44)
  • 関東 (16)
  • 関西 (19)
• 10: Apple(Mac,ipod) (26)
• 11: 携帯 (P701iD) (25)
  • N705i (2)
• 12: 建築・住宅 (38)
• 13: ブログ (blog) (162)
  • about sorarium (53)
  • Movable Type (51)
  • wordpress (37)
• 14: 日々淡々 (615)
  • Twitter (5)
  • カメラ・写真 (96)
  • コトノハ (125)
  • モブログ (68)
  • 映画 (48)
  • 音楽 (38)
• 15: 国内旅行 (26)
  • 北海道 (6)
  • 徳島 (4)
  • 東京 (6)
  • 鎌倉・横浜 (5)
  • 高知 (5)
• 16: 海外旅行 (13)
  • 香港 (13)
• 17: DTP (73)
  • トラブルシューティング (7)
  • 仕事(DTP) (43)
  • 小技 (10)
• 未分類 (11)

過去記事

↓select 2008 年 12 月 2008 年 11 月 2008 年 10 月 2008 年 9 月 2008 年 8 月 2008 年 7 月 2008 年 6 月 2008 年 5 月 2008 年 4 月 2008 年 3 月 2008 年 2 月 2008 年 1 月 2007 年 12 月 2007 年 11 月 2007 年 10 月 2007 年 9 月 2007 年 8 月 2007 年 7 月 2007 年 6 月 2007 年 5 月 2007 年 4 月 2007 年 3 月 2007 年 2 月 2007 年 1 月 2006 年 12 月 2006 年 11 月 2006 年 10 月 2006 年 9 月 2006 年 8 月 2006 年 7 月 2006 年 6 月 2006 年 5 月 2006 年 4 月 2006 年 3 月 2006 年 2 月 2006 年 1 月 2005 年 12 月 2005 年 11 月 2005 年 10 月 2005 年 9 月 2005 年 8 月 2005 年 7 月 2005 年 6 月 2005 年 5 月 2005 年 4 月 2005 年 3 月 2005 年 2 月 2005 年 1 月 2004 年 12 月 2004 年 11 月 2004 年 10 月 2004 年 9 月 2004 年 8 月 2000 年 1 月

最近のコメント

• こねこ:なるほど！ 面白いアイデアですね。ツリーを片付けるスペース
• そら:＞こねこさん 私もお気に入りのブログたくさんあります。
• そら:＞シノブさん 紙媒体だと、一文字目のサイズにあわせて、
• こねこ:いろんな人のブログを読んで、いくつか「お気に入り」にさせてい
• シノブ:面白いですね。実用的でもあるし。 「1文字目だけを非常に大
• そら:この拉麺小路には、各エリアの特色あるラーメンが集まってきてい
• シノブ:関東以北と関西方面では決定的に味付けが違うはずなのに、 特
• そら:すごく盛り上がっていた一角にいらっしゃってたみたいですねー。
• しょうこやん:あつさんと同じくはまりすぎのしょうこやんです。 ぜひぜひま
• そら:AUでもこれで聞けるんですね。 情報ありがとうございます。

マイフォトグラフィー

ブログパーツ

　

Meta

• Valid XHTML
• ログイン