(日本語) 画像をポップアップ表示する Auto ThickBox Single (Auto ThickBox Plus へ移行)
Sorry, this entry is only available in 日本語.
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); })();
Wish to be a programmer rather than a coder
Sorry, this entry is only available in 日本語.
[…] This post was mentioned on Twitter by だるやなぎ, シャト. シャト said: WordPress: 画像をポップアップ表示する Auto ThickBox Single プラグイン http://attosoft.info/blog/release-auto-thickbox-single-plugin/ […]
[…] Auto ThickBox Single プラグイン // Share| […]
[…] 「Auto ThickBox Single」については、下記のBlogを参考に導入しました。 http://attosoft.info/blog/release-auto-thickbox-single-plugin/ […]
サムネイル画像以外も普通に適用するには、どうしたら良いのでしょうか?
コメントありがとうございます。
> サムネイル画像以外も普通に適用するには、どうしたら良いのでしょうか?
すいません。書き方がまずかったです。
サムネイル画像をオリジナルサイズでポップアップ表示するためのプラグインでしたので「サムネイル画像」と書いてしまいましたが、特にサムネイル画像に機能が限定される訳ではありません。画像リンクを伴う画像 (a 要素に囲まれた img 要素) を記述しておくだけでポップアップ表示効果が適用されます。
たとえばサムネイルでない imageA.png をクリックした際に imageB.png をポップアップ表示させる記述は次のようになります。
※ 「使い方」の記述を修正しておきましたので、併せて参考にしてください。
すいません。質問の意図を間違えていることに今更ですが気づきました。
おそらく質問したかったのは「画像ファイルにリンクしたテキストをクリックした際に、リンク先の画像をポップアップ表示する方法」についてですね。
画像リンクを伴うテキスト (a 要素に囲まれたテキスト) をクリックした際に画像をポップアップ表示させるには a 要素の class 属性に “thickbox” を指定します。
img 要素の alt 属性で指定していた画像の説明は、代わりに a 要素の title 属性で指定するようになります。
※ 「使い方」や「デモ」の記述なども併せて更新しておきました。