表示されている記事

スポンサーサイト

一定期間更新がないため広告を表示しています


JUGEM管理ページで使用されているShadowbox.jsをブログに設置してみる

JUGEMのjquery.min.js・shadowbox.css・shadowbox.js・オプションを設定してみました

追記:2012/06/23-14:01
JUGEM管理ページのHTMLを見てみると
<link rel="stylesheet" type="text/css" href="http://imaging.jugem.jp/manage/js/shadowbox/shadowbox.css">
<script type="text/javascript" src="http://imaging.jugem.jp/manage/js/shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>
とあるので本家サイトさんの設定を参考にShadowbox.init();部分にオプションを追記してみます
<script type="text/javascript">
Shadowbox.init({
language:   "ja",
players:    ["qt","flv","html","iframe","img","qt","swf","wmp"]
});
</script>
動作確認したのでまとめてみると
<script src="http://js.jugem.jp/jquery/1.3.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://imaging.jugem.jp/manage/js/shadowbox/shadowbox.css">
<script type="text/javascript" src="http://imaging.jugem.jp/manage/js/shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
language:   "ja",
players:    ["qt","flv","html","iframe","img","qt","swf","wmp"]
});
</script>
shadowbox.jsで
galleryName=/^(light|shadow)box¥[(.*?)¥]/i
となっているのでlightboxを使用していたブログでもそのままshadowboxに移行できそうです
参考にさせていただいた記事:Shadowbox.js 3.0.3 の正統な使い方 :WEB 職人

スポンサーサイト


コメント
コメントする








   
この記事のトラックバックURL
トラックバック
管理ページのHTMLにて
  • お気楽に行こう (^。^)y-.。o○
  • 2012/06/23 1:52 PM