【ハウツー】

ゼロからはじめるFrogJS - CSS不要の画像表示ライブラリ

1 FrogJSとは?

    古籏一浩  [2008/03/11]

    FrogJSはAjax(非同期通信処理)を利用して画像を表示するライブラリです。FrogJSはLightbox JSと同様にprototype.jsライブラリとscript.aculo.usライブラリを利用しています。FrogJSはLightboxなど他の画像表示ライブラリと比べて非常にシンプルな作りになっているのが特徴で、Lightbox同様にCSSなどのスクリプトを全く記述することなく使用できます。

    FrogJSの実行結果例

    関連ファイルを入手する

    FrogJSはこのURLにあるページからダウンロードすることができます。

    FrogJSのサイト。「Download the FrogJS v1.1」と書かれた文字をクリックするとダウンロードが行われます

    「FrogJS v1.1」のリンク文字をクリックしてFrogJS.zipをダウンロードする

    ダウンロードされたファイルはZIP形式になっているので解凍します。解凍すると以下のファイル構成になります。

    解凍後のファイル/フォルダ構成

    ここで必要になるファイルはimagesフォルダ内のloading.gif、scriptsフォルダ内のprototype.js、effects.js、frog.jsファイルです。

    関連したタグ

    新着記事

    特設サイトの情報

      人気記事

      一覧

        新着記事

        特別企画

        マイナビニュースマガジン