画像ファイルビューア

ホーム > 基本的な例 > 例15

説明

登録するローカルファイルが画像ファイルの場合、対象ファイルをプレビューするためのビューアが提供されます。

デフォルトの設定では、内蔵のビューワを使用してポップアップウィンドウに画像を表示します。イベントメソッドを利用することで、開発者が直接プレビュー画面を作成することができます。

// 画像を表示するにはtrueを設定します。
dx.setPreviewEnable(true);

// 背景色を設定する。
dx.setPreviewBackgroundColor("#ff0000");

// 内蔵ビューアを実行するには1を、イベントを提供するには2を設定します。 
dx.setPreviewMethod(1);

// プレビューする項目の順序値をプレビューのパラメータに設定する。
dx.preview(0);

// イベントメソッドでは、プレビュー関数が呼び出されると、onDX5Previewコールバック関数が呼び出されます。
function onDX5Preview(id, itemIndex, itemId, itemSource) {
	if (itemSource) {
		...
		img.src = itemSource;
	}
}

プレビューできるのはローカルファイルのみです。

Preview