index.html
css/style.css
js/main.js
js/jquery.bxslider.js
images/*.png
jQuery
index.html
ファイル内の次の記述 ( HTML の 内 ) で、タイトルバー ( title-bar )、スピナー ( loadSpinner / 「 処理中 」 を示す画像 )、コンテナ ( container ) を使用して、画像の表示を行います。jsonFlickrFeed()
を呼び出します。Flickr API 自体は、 index.html
の読み込み時に呼び出されます。images
に取得した画像を格納して、 displayPicture()
関数を 1 秒毎に呼び出し、カルーセル形式のスライドショーとして、画像を表示しています。この関数の JavaScript コードを次に記します。images
変数に格納された画像 ( Flickr から取得 ) を、 index.html
内で作成したコンテナ ( container ) を使用して表示します。この関数の JavaScript コードを次に示します。