Shadowbox 3.0.1 は、2010/02/16 バージョンです。3.0 Final で、Flash が表示 されない不具合に対応されたものですが、作者さんの配布時のミスのようですが、 細かい事を言うと 3.0 Final のほうで対応されていた事が欠落しています。 1) Japanese でダウンロードした場合、使用時に charset="utf-8" が必要です これは、作者さんが「コンパイラ」による作業行ってるせいだとは思いますが、 3.0 Final 内では日本語がコード化されていたのに対して( \u8aad\u8fbc\u4e2d ) 3.0.1 では、生のUTF-8の日本語で書かれているので、発生します。 利用ページが UTF-8 以外だと問題が出ます ( ブラウザ別の検証はしていませんが・・・ ) これは、利用者側で対応できるので Forum には書き込んでいません。 2) 画像ファイルの拡張子が大文字の場合、画像と認識せずにHTML扱いになる これについては Forum に書き込みましたが、小さな事なので当分変わらない だろうとは思います。先の Flash はすぐ対応されましたが、これは自分のように デジカメで撮った画像データを使い慣れていなかったせいで発生したので誰も あまり気にしてないでしょうし。でも、3.0b では対応されていたんですが。 3) 3.0b で動作していたrel内で書く options= が動作しない これは、メインページのサンプル的に言うと仕様変更ぽいのですが、他の説明 ページでは特に言及されていません。3.0b の時も、Flash のオプションはrel でうまく行かなかったし、Flash は誰もそういう使い方をしなかったでしょうが、 options={counterType:'skip',continuous:true} という使い方は利用していた 人も居ると思うので注意です。 それにこれに関しては代替方法があるのでそちらで対応するのが今後のメンテ ナンスも効率が格段に良くなります。 以下が現在自分が使っているコードのサンプルです
<script type="text/javascript">
function setAll() {
Shadowbox.setup("a.light", {
gallery: "light",
continuous: true,
counterType:"skip"
});
Shadowbox.setup("a.ggpano", {
gallery: "test",
width: 800,
height: 600,
continuous: true,
counterType:"skip"
});
Shadowbox.setup("a.story", {
gallery: "story",
continuous: true,
counterType:"skip"
});
Shadowbox.setup("a.gimp", {
gallery: "gimp",
continuous: true,
counterType:"skip"
});
Shadowbox.setup("a.mono", {
gallery: "mono",
continuous: true,
counterType:"skip"
});
Shadowbox.setup("a.blog", {
overlayColor: "#404040",
width: 1075,
gallery: "blog",
continuous: true,
counterType:"skip"
});
Shadowbox.setup("a.garou", {
overlayColor: "#404040",
width: 1075,
gallery: "garou",
continuous: true,
counterType:"skip"
});
Shadowbox.setup("a.tegaki", {
gallery: "tegaki",
continuous: true,
counterType:"skip"
});
Shadowbox.setup("a.youtube", {
gallery: "youtube",
width: 835,
height: 505,
player: "swf",
continuous: true,
counterType:"skip"
});
Shadowbox.setup("a.review", {
gallery: "review",
continuous: true,
counterType:"skip"
});
Shadowbox.setup("a.main", {
gallery: "main",
continuous: true,
counterType:"skip",
slideshowDelay: 6
});
}
Shadowbox.init(
{
counterLimit:20,
overlayColor:'#000000',
overlayOpacity:0.6
},
setAll
);
</script>
関連する記事とページ
タグ：shadowbox
|
|
【Shadowboxの最新記事】
- Youtube 用 Shadowbox 貼り付けコード取得 〜 とりあえず宇多田ヒカル集
- YouTube + shadowbox.js
- Shadowbox.js : 3.0.2 が出ました / Shadowbox 内の SWFObject の使い方
- Shadowbox.js のセレクタの使用方法
- Shadowbox.js 3.0.1 初期化サンプル
- Shadowbox 3.0.1 で、IE は問題なく動きます。
- 最新の shadowbox が 2/11 にリリースされていたのでテストすると Flash が動かないので Forum に投稿してみました
- shadowbox + Google ストリートビュー
- twitvideo と picasa で shadowbox
