【ハウツー】ゼロからはじめるLightWindow 2.0 - Flashムービーも表示できるAjaxライブラリ (11) 時間経過によって自動制御 | パソコン

お知らせ: 「マイポ」からのポイント交換を再開いたしました。(5月9日); メール会員100万人突破記念「春の読者プレゼント」結果発表は5月30日です。; マイナビベアがミクシィで部屋を作ったよ。ぜひ見てね！; 一緒に「マイナビ」で働きませんか。採用情報はこちらから。; 旅行券3万円、時計、ビジネスバッグなどが当たる！さらに応募者全員に50マイポもプレゼント

その先を伝える総合情報サイト
マイナビニュース

パソコン

急上昇ワード

[

]

【ハウツー】

ゼロからはじめるLightWindow 2.0 - Flashムービーも表示できるAjaxライブラリ

11 時間経過によって自動制御

古籏一浩　 [2007/10/02]

印刷

先頭
前へ
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- ／11

時間経過によって自動制御

ユーザーの操作による表示ではなくページが読み込まれたり、一定時間経過したら表示させることもできます。サンプル18ではページが読み込まれたら、ページ内に画像を表示します。また、10秒経過したら自動的に表示されたLightWindowを閉じます。表示されているLightWindowを閉じるにはmyLightWindow.deactivate()とします(サンプル18)。


サンプル18の実行結果	ページが読み込まれたら画像を表示

一定時間過ぎると自動的に画像が閉じられる

サンプル18

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8">
        <title>LightWindowサンプル</title>
        <link rel="stylesheet" href="css/lightwindow.css" type="text/css">
        <script type="text/javascript" src="js/prototype.js"></script>
        <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
        <script type="text/javascript" src="js/lightwindow.js"></script>
        <script type="text/javascript"><!--
            window.onload = function(){
                showImage();
            }
            // 画像を表示する
            function showImage(){
                myLightWindow.activateWindow({
                    href : "photo/001.jpg",
                    title : "富士山",
                    author : "OpenSpace",
                    caption : "晴天の富士",
                    top : 200,
                    left : 300
                });
                setTimeout("myLightWindow.deactivate()", 10*1000);
            }
        // --></script>
    </head>
    <body>
    <h1>LightWindowサンプル</h1>
    </body>
</html>

LightWindow 2.0は前のバージョンから、さらに機能強化されています。2007年8月現在では最も高機能、高性能なスライド表示ライブラリだと思います。いろいろなデータを表示できるので、上手に活用してみてください。