ThickBoxは簡単に使えます
2587 ワード
ThickBoxはJQueryクラスライブラリに基づく拡張であり、ブラウザインタフェースに非常に素晴らしいポップアップボックスを表示することができ、単一ピクチャ、マルチピクチャ、AJAXリクエストコンテンツまたはリンクコンテンツを表示することができます.
ThickBox公式チュートリアル .ThickBoxを使用するには、次の3つのファイルをダウンロードする必要があります. JSファイル:thickbox.jsまたは圧縮バージョンthickbox-compressed.js. CSSファイル:ThickBox.css 最後のLoadingピクチャ:loadingAnimation.gif 以上の3つのファイルに加えて、jQuery JavaScriptクラスライブラリまたは圧縮版が必要です.GoogleはCDN加速バージョンを提供を使用することもできます.
ThickBoxの使用もよく見られますが、まずHTMLファイルのHEADにjQuery JSとThickBox JSファイルをインポートし、jQuery JSファイルは前にある必要があります.
開けてjsファイルはtb_を通りますこの変数はloadingAnimationを設定します.gifファイルのパス.
その後、HEADにthickboxを導入する.cssファイル:
もちろんいいわよcssの中の内容はあなたの今のCSSファイルにコピーして、最後にあなたはa要素の日にclass=“thickbox”属性を追加するだけでthickboxを使うことができます.詳細については、ThickBox公式チュートリアルを参照してください.
私が使っている最大の問題は、WebページにFlashがあれば、FlashがThickBoxのポップアップボックスを遮ることが多いことです.このときの解決策も簡単です.Flashに透明なパラメータを設定することです.wmode=「transparent」です.詳細は、Flashのobjectタグに次のパラメータを追加します:
ThickBox公式チュートリアル .ThickBoxを使用するには、次の3つのファイルをダウンロードする必要があります.
ThickBoxの使用もよく見られますが、まずHTMLファイルのHEADにjQuery JSとThickBox JSファイルをインポートし、jQuery JSファイルは前にある必要があります.
<script type="text/javascript" src="path-to-file/jquery.js"></script>
<script type="text/javascript" src="path-to-file/thickbox.js"></script>
開けてjsファイルはtb_を通りますこの変数はloadingAnimationを設定します.gifファイルのパス.
その後、HEADにthickboxを導入する.cssファイル:
<link rel="stylesheet" href="path-to-file/thickbox.css" type="text/css" media="screen" />
もちろんいいわよcssの中の内容はあなたの今のCSSファイルにコピーして、最後にあなたはa要素の日にclass=“thickbox”属性を追加するだけでthickboxを使うことができます.詳細については、ThickBox公式チュートリアルを参照してください.
私が使っている最大の問題は、WebページにFlashがあれば、FlashがThickBoxのポップアップボックスを遮ることが多いことです.このときの解決策も簡単です.Flashに透明なパラメータを設定することです.wmode=「transparent」です.詳細は、Flashのobjectタグに次のパラメータを追加します:
<param name="wmode" value="transparent">
、embedタグにwmode="transparent"を設定し、AC_を使用する場合FL_RunContentは、1対のパラメータ「wmode」、「transparent」を追加すればよい.まだ問題がある場合は、Flashの外にDIVラベルを追加し、z-index:0;
のスタイルを設定してみてください.