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:2

この記事への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) [...]

Trackback from トイレのうず 09-05-01 (金) 0:10

WordPress で Lightbox 的効果をつける【Slimbox Plugin】

画像をクリックして大きくしたとき、オーバーフローで浮き上がってくる動作で表示してくれる WordPress プラグインをインストールしてみました。
まずはどんなものがあるのか調査。以下…

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

サイト内検索

twitter / 今、何してる？

→そらの最新のつぶやき

フィードを登録する

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

最新の投稿記事

• 10,000
• [東京]　ダイヤモンドヴェールに包まれた夜の東京タワーに登ってきた
• [表参道]素朴で家庭的なイタリアン食堂「トラットリア・オゼール」
• [表参道]スパイラルマーケットで高台のないお椀を購入
• [表参道]青山スパイラルにてSICFグランプリアーティスト展00-08を見る
• 薪釜で焼いたパンの香りに満ちた「bonne volunte（ボン・ボランテ）」（丸太町）
• hohoemi（ホホエミ）のカリカリキャラメルラスクとチーズ＆オニオンパン（丸太町）
• twitterステッカーをいただきました！
• 【信楽作家市 2009(3)】器のしごと・村上直子さんの豆皿
• 鴨川のほとりにある可愛いパン屋「hohoemi（ホホエミ）」（丸太町）

はてな人気エントリー

• 
  

レコメンド

カテゴリ

• 01:暮らし (127)
  • キッチン (43)
    • キッチンツール・雑貨 (9)
    • ファブリック (4)
    • レシピ（料理）・クッキング (20)
    • 食器・カトラリー (12)
  • 家事ライフハック (3)
  • 衣服・ファッション (82)
    • sally scott (34)
    • united arrows g.l (4)
• 02: 広告・デザイン (459)
  • D-BROS (16)
  • インテリア雑貨・文房具 (171)
  • デザインニュース＆イベント (125)
  • デザイン関連書籍 (74)
  • 映像・動画 (8)
• 03: 京都 (254)
  • 京都お土産スイーツ＆フード (1)
  • 京都のパン屋さん (4)
  • 京都カフェ＆レストラン (76)
  • 京都スポット (71)
  • 京都ダイニング＆バー (58)
  • 京都雑貨&インテリア (37)
• 04: 本 (279)
  • ニュース＆イベント情報 （book) (76)
  • 女性作家 (19)
  • 書店 (43)
  • 男性作家 (36)
  • 発売情報 (48)
  • 読書記録 (6)
  • 購入リスト (53)
• 05: インターネット (350)
  • Firefox (28)
    • Firefox-addon (21)
  • gmail (9)
  • PC トラブル (10)
  • お薦めサイト (194)
  • アフィリエイト (5)
  • ガジェット・PC (2)
  • 仕事 (web) (59)
  • 注目ソフト (28)
• 06: lifehacks (37)
• 07: 滋賀 (30)
  • shiga cafe & bar (11)
  • shiga spot (13)
• 08: 大阪 (22)
  • 大阪お土産スイーツ＆フード (1)
  • 大阪カフェ＆レストラン (9)
  • 大阪ダイニング＆バー (1)
  • 大阪雑貨&インテリア (3)
• 09: 地域情報 (45)
  • 関東 (16)
  • 関西 (20)
• 10: Apple(Mac,ipod) (35)
  • iPod touch(2nd) (9)
• 11: 携帯 (P701iD) (25)
  • N705i (2)
• 12: 建築・住宅 (42)
• 13: ブログ (blog) (165)
  • about sorarium (53)
  • Movable Type (51)
  • wordpress (39)
• 14: 日々淡々 (634)
  • Twitter (8)
  • カメラ・写真 (102)
  • コトノハ (125)
  • モブログ (68)
  • 映画 (50)
  • 音楽 (41)
• 15: 国内旅行 (33)
  • 北海道 (7)
  • 岡山 (2)
  • 徳島 (4)
  • 東京 (9)
  • 鎌倉・横浜 (5)
  • 高知 (5)
• 16: 海外旅行 (19)
  • 香港 (19)
• 17: DTP (74)
  • トラブルシューティング (7)
  • 仕事(DTP) (43)
  • 小技 (10)
• 18:ネタ・お笑い (2)
• 未分類 (10)

過去記事

↓select 2009 年 5 月 2009 年 4 月 2009 年 3 月 2009 年 2 月 2009 年 1 月 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 月

最近のコメント

• 鯨ファン:西浅草にリーズナブルな鯨料理店があります えんむすびって
• そら:＞yamatoさん こんにちはー。二年前に書いた記事な
• そら:＞いづさん こんばんはー。ただいま追い込み時期にやって
• もんち:はじめまして。 仕事中に上記症状があり、締切に追われてて
• yamato:こんにちは。 同じようなトラブルに見舞われて 検索するも
• いづ:こんばんは、遅くなりましたがおめでとうございます！ は
• そら:＞てつぅ君。 Don't worry!
• そら:＞あっちゃん 返事が遅くなってごめんね。 まぁ、ここ
• てつぅ:ずっと滋賀勤務なのですね。 ごめんなさい、勘違いをしていま
• あつ:こんばんは。 ついにブログで結婚を発表したのだね。 本当

マイフォトグラフィー

ブログパーツ

Meta

• Valid XHTML
• ログイン