2012/03/17

実装も簡単に、画像やHTMLファイルをカッコよくページ内表示が出来るJavaScript


実装も簡単に、画像やHTMLファイルの中身をLightBox風にカッコよくページ内表示が出来るJavaScriptです。

1.サイト少し下の「Downlod」より、「thickbox.js、ThickBox.css、loadingAnimation.gif、compressed version of jQuery.」をダウンロードします。

2.「loadingAnimation.gif」アップロードし、「thickbox.js」を開き8行目を「loadingAnimation.gif」の置き場に書き換えます。

3.「macFFBgHack.png」をダウンロード&アップロードし、「ThickBox.css」の46行目を「macFFBgHack.png」の置き場に書き換えます。 
4. 「thickbox.js、ThickBox.css、compressed version of jQuery.」 をアップし<head>に
<script type="text/javascript" src="フォルダ名等/jquery.js"></script>
<script type="text/javascript" src=" フォルダ名等 /thickbox.js"></script>
と記載します。

5.htmlの場合
<a href="画像.jpg?height=200&amp;width=150" title="表示させたい画像の説明など" class="thickbox">画像</a>
という風にサイズ指定してやらないとエラーが出ます。

※htmlファイルでも使用出来ます。
※IE6だとバックが透明化されません。

0 件のコメント:

コメントを投稿