コンテンツ開始

2010年02月17日


Shadowbox.js : 3.0.1 使用時の注意事項

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
posted by at 2010-02-17 15:37 | Comment(0) | Shadowbox | このブログの読者になる | 更新情報をチェックする
SQLの窓全体の検索
Custom Search
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。
コンテンツ終了
右サイド開始
コンテナ終了
base 終了
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX