var _gaq = _gaq || []; _gaq.push([\'_setAccount\', \'UA-13211647-1\']); _gaq.push([\'_trackPageview\']); (function() { var ga = document.createElement(\'script\'); ga.type = \'text/javascript\'; ga.async = true; ga.src = (\'https:\' == document.location.protocol ? \'https://ssl\' : \'http://www\') + \'.google-analytics.com/ga.js\'; var s = document.getElementsByTagName(\'script\')[0]; s.parentNode.insertBefore(ga, s); })();

6 Responses so far.

  1. […] This post was mentioned on Twitter by だるやなぎ, シャト. シャト said: WordPress: 画像をポップアップ表示する Auto ThickBox Single プラグイン http://attosoft.info/blog/release-auto-thickbox-single-plugin/ […]

  2. […] 「Auto ThickBox Single」については、下記のBlogを参考に導入しました。 http://attosoft.info/blog/release-auto-thickbox-single-plugin/ […]

  3. Anonymous says:

    サムネイル画像以外も普通に適用するには、どうしたら良いのでしょうか?

  4. attosoft says:

    コメントありがとうございます。

    > サムネイル画像以外も普通に適用するには、どうしたら良いのでしょうか?

    すいません。書き方がまずかったです。

    サムネイル画像をオリジナルサイズでポップアップ表示するためのプラグインでしたので「サムネイル画像」と書いてしまいましたが、特にサムネイル画像に機能が限定される訳ではありません。画像リンクを伴う画像 (a 要素に囲まれた img 要素) を記述しておくだけでポップアップ表示効果が適用されます。

    たとえばサムネイルでない imageA.png をクリックした際に imageB.png をポップアップ表示させる記述は次のようになります。

    <a href="imageB.png"><img src="imageA.png" alt="xxx" /></a>
    

    ※ 「使い方」の記述を修正しておきましたので、併せて参考にしてください。

    • attosoft says:

      サムネイル画像以外も普通に適用するには、どうしたら良いのでしょうか?

      特にサムネイル画像に機能が限定される訳ではありません。画像リンクを伴う画像 (a 要素に囲まれた img 要素) を記述しておくだけでポップアップ表示効果が適用されます。

      すいません。質問の意図を間違えていることに今更ですが気づきました。

      おそらく質問したかったのは「画像ファイルにリンクしたテキストをクリックした際に、リンク先の画像をポップアップ表示する方法」についてですね。

      画像リンクを伴うテキスト (a 要素に囲まれたテキスト) をクリックした際に画像をポップアップ表示させるには a 要素の class 属性に “thickbox” を指定します。

      <a href="image.png" class="thickbox" title="xxx">Text</a>
      

      img 要素の alt 属性で指定していた画像の説明は、代わりに a 要素の title 属性で指定するようになります。

      ※ 「使い方」や「デモ」の記述なども併せて更新しておきました。

Leave a Reply to Anonymous Cancel reply

Your email address will not be published.