病的溺愛シンドローム > 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

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

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

    • 唯奈

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

  • りえ

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

    • 唯奈

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

  • cyah

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

    • 唯奈

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

  • Cat-sushi

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

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

    • 唯奈

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

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

  • ゾロメのジャック

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

    • 唯奈

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

  • 唯奈

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

  • 唯奈

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

1 Trackback or Pingback for this entry

ADgger

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

サイトの歩み

2014年2月27日に6周年を迎えます
5周年まであと…