web-dev-qa-db-ja.com

画像クリックでポップアップTEXTウィンドウを開くことはできますか?

私は見て見ましたが、次のことをしても運がありませんでした。

私はまとめているブログのポートフォリオセクションを持っていて、クリックしたときにテキストを含むポップアップウィンドウが開くような画像が欲しいのです。私はあなたがテキストをクリックして画像を開くことを可能にするためのたくさんのプラグインがあることを知っています、しかし私はそれを逆にしたいです。

ポップアップを赤の背景に白のテキストで構成したいのですが、それは私のテーマに沿ったものになります。そして可能であれば、クリックしたときにポップアップを閉じてメインウィンドウ内のそのリンクに移動するリンクをテキスト内に表示したい(リンクはブログ内の投稿になります)。

市販のプラグインがあれば、それを支払います。私はこのサイトをかなりうまくやっていますが、それがうまくいくまで私のクライアントにそれを見せることはできません。

ここにサイトへのリンクがあるので、あなたが私がこれをやろうとしているページの考えを持っている:

http://bluegrassphotography.net/testwordpress/?cat=9&paged=2

ご協力ありがとうございます。

1
chris stegner

Fancybox - 画像の下の例をチェックアウトします。具体的にはインラインモーダルウィンドウです。

これがチケットのように思えるなら、それは それをあなたのテーマに含めること そして または APIをスキミングすること の非常に簡単なプロセスです。

あなたがどうやって乗ってくるのか、それを設定するために少し手助けが必要な場合は私たちに知らせてください。

2
TheDeadMedic

あなたがあなた自身を転がしたいなら、あなたはいくつかの基本的なJSを使ってこれをすることができます。いくつかの例についてはここを見てください。
http://www.quirksmode.org/js/popup.html

モーダルスタイルのダイアログを探しているのなら、おそらくthickboxスクリプトを使うこともできます。 http://wpengineer.com/415/use-javascript-libraries-in-and-of -wordpress /

注:そのモーダルウィンドウに画像を読み込む必要はありませんが、一般的な使用方法です。

たくさんのオプションがありますが、あなたのニーズに最も合ったものを選んでください。

個人的には私はUI Dialogスクリプトが面白そうだと思います(imhoでも単数のボックスではやり過ぎるでしょう)。 http://docs.jquery.com/UI/Dialog

0
t31os