プロジェクト/lightwindowをアクセシブルにしよう/lightwindow2.0とは? http://www.ark-web.jp/accessibility/52.html

プロジェクト/lightwindowをアクセシブルにしよう/lightwindow2.0とは?
[edit]

lightwindow2.0とは?

lightwindow2.0
http://www.stickmanlabs.com/lightwindow/

説明はここが詳しい
http://journal.mycom.co.jp/articles/2007/10/02/lw/index.html

[edit]

lightwindow内に表示できるもの

[edit]

必要なファイル

[edit]

導入方法

head内:

<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="javascript/lightwindow.js"></script>
<link rel="stylesheet" href="css/lightwindow.css" type="text/css" media="screen" />

body内:

他のサイト上にある画像も混在して表示させることもできる

[edit]

グループ化

[edit]

キーボード操作

[edit]

日本語で表示するようにする

http://journal.mycom.co.jp/articles/2007/10/02/lw/005.html

[edit]

細かいカスタマイズ

位置指定、サイズ指定、複数画像同時表示の枚数指定は、aタグで個別指定できる

[edit]

他のページを表示する

サイズ指定可

<a href="http://journal.mycom.co.jp/" class="lightwindow page-options" params="lightwindow_width=640,lightwindow_height=480">
[edit]

FlashムービーやQucikTimeムービー、Windows Media ムービーも同様の方法で表示

<a href="movie/sample.mov" class="lightwindow page-options" params="lightwindow_width=340,lightwindow_height=260">映像を見る</a>
[edit]

プログラムで制御する

http://journal.mycom.co.jp/articles/2007/10/02/lw/009.html
自動的に表示する、10秒経過したら閉じるなどカスタマイズ可能?


トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2008-03-28 (金) 11:25:08 (4932d)

アークウェブのサービスやソリューションはこちら