しばらく前に、こちらページで「 jQuery Lightbox Plugin 」を設置しましたが・・・なんと、もう1種類 (balupton edition) なるものが存在すると知り早速試してみることに・・・・
追記・・・※「IE」では表示できないようです・・・自分の環境だけでしょうか? ?(゜_。)?
設定方法
こちらからダウンロード解凍後、ご自分のスクリプト置き場に転送してください。(ここでは /wp-content/js/jquery_lightbox_balupton-edition/ に置いたものとして説明します。)
スクリプトとスタイルシートを、外部リンクとして読み込ませるために<head>〜</head>の間に書き込みます。 自分の場合は、テーマエディタでヘッダーの問題無さそうな部分に書き込みました。
<script src="http://example.com/wp-content/js/jquery_lightbox_balupton-edition/js/jquery.lightbox.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="http://blog.le-coeur.net/wp-content/js/jquery_lightbox_balupton-edition/css/jquery.lightbox.css" media="screen" />
黄色の部分にファイルの設置場所(アドレス)を指定<link type="text/css" rel="stylesheet" href="http://blog.le-coeur.net/wp-content/js/jquery_lightbox_balupton-edition/css/jquery.lightbox.css" media="screen" />
使用例
<a rel="lightbox" href="画像ファイルのアドレス.jpg"><img src="サムネイル画像のアドレス.jpg" /></a>
赤文字がポイントです。以上で終了です・・・簡単ですね~(^∀^)
・・・・しかし、ここで自分の場合は問題発生!! 残念なことに、ノーマルの「 jQuery Lightbox Plugin 」が動作しなくなってしまいました (TOT) (ず~~っと読み込み中になってしまう) 同時には使用できないみたいです・・・別ページ単品なら使いようもありますが・・・・
・・・そして非常に気になることがひとつ!! このページで設定した「jQuery」の特別な設定(「 $( 」を「 j$( 」に変更)・・・すっかり忘れていて、そのまま変更せずに実行したのですが・・・何故か動作してしまいました・・・なんで??・・・不思議です・・・しかも、「prototype.js」系のスクリプトも問題なく使用できました・・・最初から対応策が施してあるのでしょうか?
・・・どちらも素敵で選べないなぁ~ ・・・・( ̄(エ) ̄)ゞ クマッタナー
サンプル
人気度 : 3 %



(1 投票, 平均値/最大値: 4 / 5)
関係のある記事
No user の書き込みがあります
コメントほしぃ~よぉ~ σ(^◇^;)