病的溺愛シンドローム > WordPress > プラグイン > 画像・動画 > lightboxで画像をかっこよく表示させる – Shadowbox JS

lightboxで画像をかっこよく表示させる – Shadowbox JS

Posted on 2009年03月23日 | 13 Comments| Clip to Evernote

サムネイルをクリックすると画像を同じウィンドウに素敵に表示する
lightboxをWordPressに導入するプラグインを探してみた。

まずLightbox Plusを入れてみた。
通常通りインストールして、設定は「外観」→「Lightbox Plus」で。
あたしの英語力がないせいなのか、うまく動かせなかった。。。

そこでLightbox 2を入れてみた。
普通にインストールして、「設定」→「Lightbox」から設定。
やっぱり動かない…orz

懲りずにWP-Plugin List（なんてこった！違うプラグインのとこコピペしてたよ！今頃気付いた！at 2009-04-19）を入れてみた。
動かない…il||li _|￣|○ il||li

lightbox 2系のプラグインは環境によって動かないことがあると
ググったら出てきた…。

そこで今度はslimbox Plugin for wordpressを入れてみた。
全部まとめたようなプラグインなんだそうだ。
aタグにrel=”lightbox”を入れればいいらしい。
やってみたら、lightboxがうにょーんと出そうな画面になって
その後画像のURLに飛んでしまった。
惜しい。。。

そして辿り着いたのがShadowbox JSプラグインで、
これは普通にインストールするだけで画像リンクを自動的に検出してくれる便利なもの。
やっと動いたよ！！(　；∀；) ｶﾝﾄﾞｰｼﾀ


クリックするとlightboxになるテスト

クリックするとlightboxになるテスト

この記事を読んだ人は、こんな記事にも興味を持っています


この記事は 2009年03月23日月曜日 の 12:33 AM に書きました。　
この記事のフィードはRSS 2.0で購読できます。

« | »

12 Comments for this entry

  • 国際結婚SE
    3月 23rd, 2009 on 4:56 AM

    こんにちは。
    私は別サイトでHighSlideJSを導入しています。
    WordPressPlugin版もあるみたいですね。
    良く覚えていないけど、無理矢理入れた気がします。(^^ゞ

    インストールしただけで簡単に使えるってのはイイですね。

    • 唯奈
      3月 23rd, 2009 on 7:38 PM

      ＞国際結婚SEさん
      (*^-^*)/こんばんは～♪
      HighSlideJSですか。”φ(￣￣*) メモメモ
      あたしは難しい作業は出来ないから無理かなぁ…。
      基本的にインストールだけで使えるプラグインしか入れてない気がしますｗ

  • りえ
    3月 23rd, 2009 on 9:14 AM

    おはようございます。
    このプラグインいいですね。
    私は画像のリンクを設定していないので、入れても微妙ですが
    日記として新しいブログを作る予定なので、ぜひそちらにインストールしようかと思います。
    いい情報ありがとうございます。

    • 唯奈
      3月 23rd, 2009 on 7:45 PM

      ＞りえさん
      (*^-^*)/こんばんは～♪
      多分環境によって動いたり動かなかったりすると思うので
      りえさんの環境に合わせて入れてみて下さい。
      lightboxのプラグインはかなり沢山ありますよ～＾＾

  • cyah
    3月 23rd, 2009 on 11:25 PM

    昨日の件の原因はこれでしたか。どうもご苦労様です。
    とりあえずSafariでも正常動作しましたので、ご安心ください。
    ところでこのパターン、最近どこかで見た覚えがあるのですが、思い出せません。う〜む・・・。

    • 唯奈
      3月 24th, 2009 on 6:35 PM

      ＞cyahさん
      そうなんです。ちょうどタイミングが悪かったみたいですね。
      動作確認有り難う御座いました。
      こういう画像表示するブログ、最近多いですよね＾＾

  • Cat-sushi
    3月 24th, 2009 on 12:03 AM

    なに、Bloggerだってこれぐらい(←負け惜しみ)
    > 画像リンクを自動的に検出してくれる
    これは無理、いやがんばればできるはず。

    > ハイドロボールにサボテンを植えてみた
    これがメインコンテンツですね、わかります。

    • 唯奈
      3月 24th, 2009 on 6:37 PM

      ＞Cat-sushiさん
      Bloggerはアカウントだけとって放置してるので仕組みが分からないんですけど
      きっと自由度の高いBloggerでもできるんじゃないかーと思います。
      でも多分WPの方が簡単に実現できるでしょう(￣ー￣)ﾆﾔﾘｯ

      そうそう、サボテンがメインコンテンツです（笑
      よくお分かりで…ｗ

  • ゾロメのジャック
    3月 24th, 2009 on 5:53 AM

    へぇ～なるほど・・
    lightboxって言うんですね。
    ゾロメのブログで画像を挿入すると勝手にこういう表示の仕方してます。。
    昨日、息子との戯れた日記に写真を入れてますが、クリックすると、そんな表示の仕方しますが、唯奈さんのlightboxとは意味が違うの？？

    • 唯奈
      3月 24th, 2009 on 6:39 PM

      ＞ゾロメのジャックさん
      (ﾟ-ﾟ*)(｡｡*)ｳﾝｳﾝ
      ゾロメさんのブログの写真表示と同じです。
      似たような動きをするものは全てlightboxだと思い込んでますが、違うのかどうかは分かりませんｗ

  • 唯奈
    3月 24th, 2009 on 9:40 PM

    Friend Connect Commenting Pluginを試している。
    コメント欄の下にサインイン画面が出た。
    で？(*∠＿*)　ダカラドーシタ

  • 唯奈
    3月 24th, 2009 on 9:55 PM

    サインインしてコメントするとGFCアバターが表示されるというものらしいが
    デモサイトに不具合が出ている上に導入方法が難解。
    言葉の壁ですか。そうですか。

1 Trackback or Pingback for this entry

ADgger

堅実に儲かるアフィリエイト

アーカイブ

全ての記事を年代別に…